vue axios同步请求解决方案


Posted in Javascript onSeptember 29, 2017

在vue项目里面,需要循环发送ajax请求,出现的问题就是循环结束,第一次服务器还没返回,导致数据处理错误,需要使用同步请求

解决方案

目前没有发现axios可以同步请求,所以只能使用jQuery,配置同步请求;

$.ajax({
 url:'/comm/test1.php',
 type:'POST', //GET
 async:false, //或false,是否异步
 data:{
  name:'yang',age:25
 },
 timeout:5000, //超时时间
 dataType:'json', //返回的数据格式:
 beforeSend:function(xhr){
 },
 success:function(data,textStatus,jqXHR){
 },
 error:function(xhr,textStatus){
 },
 complete:function(){
 }
})

vue 安装jQuery插件

$ npm install jquery --save

打开 build/webpack.base.conf 配置文件

vue axios同步请求解决方案

vue axios同步请求解决方案

配置完成后,在需要组件使用import $ from 'jquery';

就可以使用!

总结

以上所述是小编给大家介绍的vue axios同步请求解决方案,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js设置document.domain实现跨域的注意点分析
May 21 Javascript
Node.js的npm包管理器基础使用教程
May 26 Javascript
ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
Sep 06 Javascript
axios基本入门用法教程
Mar 25 Javascript
借助node实战JSONP跨域实例
Mar 30 Javascript
Vue关于数据绑定出错解决办法
May 15 Javascript
javascript实现电脑和手机版样式切换
Nov 10 Javascript
详解vue.js数据传递以及数据分发slot
Jan 20 Javascript
JavaScript字符串转数字的5种方法及遇到的坑
Jul 16 Javascript
详解性能更优越的小程序图片懒加载方式
Jul 18 Javascript
vue项目打包上传github并制作预览链接(pages)
Apr 19 Javascript
vuex中遇到的坑,vuex数据改变,组件中页面不渲染操作
Nov 16 Javascript
IntersectionObserver实现图片懒加载的示例
Sep 29 #Javascript
Grunt针对静态文件的压缩,版本控制打包的实例讲解
Sep 29 #Javascript
jQuery选择器之子元素过滤选择器
Sep 28 #jQuery
微信禁止下拉查看URL的处理方法
Sep 28 #Javascript
jQuery选择器之属性过滤选择器详解
Sep 28 #jQuery
Angular.js中window.onload(),$(document).ready()的写法浅析
Sep 28 #Javascript
js实现登录注册框手机号和验证码校验(前端部分)
Sep 28 #Javascript
You might like
表单复选框向PHP传输数据的代码
2007/11/13 PHP
php发送html格式文本邮件的方法
2015/06/10 PHP
jQuery TextBox自动完成条
2009/07/22 Javascript
JavaScript 语言的递归编程
2010/05/18 Javascript
Node.js(安装,启动,测试)
2014/06/09 Javascript
JavaScript对数字的判断与处理实例分析
2015/02/02 Javascript
jquery自定义插件——window的实现【示例代码】
2016/05/06 Javascript
Bootstrap教程JS插件滚动监听学习笔记分享
2016/05/18 Javascript
vue.js学习笔记:如何加载本地json文件
2017/01/17 Javascript
JavaScript 自定义事件之我见
2017/09/25 Javascript
elemetUi 组件--el-upload实现上传Excel文件的实例
2017/10/27 Javascript
基于JavaScript+HTML5 实现打地鼠小游戏逻辑流程图文详解(附完整代码)
2017/11/02 Javascript
Vue单页面应用保证F5强刷不清空数据的解决方案
2018/01/31 Javascript
浅谈JS的原型和继承
2019/05/08 Javascript
Vuex新手的理解与使用详解
2019/05/31 Javascript
JQuery样式与属性设置方法分析
2019/12/07 jQuery
JavaScript Reflect Metadata实现详解
2019/12/12 Javascript
八种Vue组件间通讯方式合集(推荐)
2020/08/18 Javascript
Python 反转字符串(reverse)的方法小结
2018/02/20 Python
解决Django的request.POST获取不到内容的问题
2018/05/28 Python
在python tkinter中Canvas实现进度条显示的方法
2019/06/14 Python
Python使用mongodb保存爬取豆瓣电影的数据过程解析
2019/08/14 Python
windows中安装Python3.8.0的实现方法
2019/11/19 Python
Python PyQt5整理介绍
2020/04/01 Python
pycharm 激活码及使用方式的详细教程
2020/05/12 Python
HTML5实现应用程序缓存(Application Cache)
2020/06/16 HTML / CSS
巴西儿童时尚购物网站:Dinda
2019/08/14 全球购物
PHP如何设置和取得Cookie值
2015/06/30 面试题
八一演出活动方案
2014/02/03 职场文书
2014年五一活动策划方案
2014/03/15 职场文书
领导欢迎词致辞
2015/01/23 职场文书
收入证明申请书
2015/06/12 职场文书
个人职业生涯规划之自我评估篇
2019/09/03 职场文书
react国际化react-intl的使用
2021/05/06 Javascript
浅谈mysql返回Boolean类型的几种情况
2021/06/04 MySQL
HTML5 语义化标签(移动端必备)
2021/08/23 HTML / CSS