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 相关文章推荐
jquery图片放大镜功能的实例代码
Mar 26 Javascript
js动态移动滚动条至底部示例代码
Apr 24 Javascript
JavaScript获取路径设计源码
May 22 Javascript
jQuery中dequeue()方法用法实例
Dec 29 Javascript
JS交换变量的方法
Jan 21 Javascript
js实现类似菜单风格的TAB选项卡效果代码
Aug 28 Javascript
jquery ztree异步搜索(搜叶子)实践
Feb 25 Javascript
jQuery设置Easyui校验规则(推荐)
Nov 21 Javascript
Bootstrap栅格系统的使用和理解2
Dec 14 Javascript
基于js Canvas实现二次贝塞尔曲线
Dec 25 Javascript
纯JS开发baguetteBox.js响应式画廊插件
Jun 28 Javascript
Vue.Draggable实现交换位置
Apr 07 Vue.js
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跨时区(UTC时间)应用解决方案
2013/01/11 PHP
php实现xml与json之间的相互转换功能实例
2016/07/07 PHP
基于PHP实现微信小程序客服消息功能
2019/08/12 PHP
Laravel框架实现的上传图片到七牛功能详解
2019/09/06 PHP
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
2011/01/06 Javascript
node.js中的fs.exists方法使用说明
2014/12/17 Javascript
Javascript基础教程之while语句
2015/01/18 Javascript
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
2015/10/29 Javascript
JavaScript面向对象程序设计教程
2016/03/29 Javascript
浅谈JS函数定义方式的区别
2016/10/30 Javascript
js原生之焦点图转换加定时器实例
2016/12/12 Javascript
jQuery使用方法
2017/02/04 Javascript
jQuery实现导航回弹效果
2017/02/27 Javascript
AngularJS全局警告框实现方法示例
2017/05/18 Javascript
解决canvas画布使用fillRect()时高度出现双倍效果的问题
2017/08/03 Javascript
Node.js 使用request模块下载文件的实例
2018/09/05 Javascript
Vue登录拦截 登录后继续跳转指定页面的操作
2020/08/04 Javascript
VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)
2020/08/27 Javascript
[01:21]2018DOTA2亚洲邀请赛4.5采访 打DOTA2也能有女朋友?
2018/04/06 DOTA
python获取糗百图片代码实例
2013/12/18 Python
Python找出文件中使用率最高的汉字实例详解
2015/06/03 Python
实例讲解Python设计模式编程之工厂方法模式的使用
2016/03/02 Python
Python基于scipy实现信号滤波功能
2019/05/08 Python
用python做游戏的细节详解
2019/06/25 Python
解决margin 外边距合并问题
2019/07/03 HTML / CSS
HTML5组件Canvas实现图像灰度化(步骤+实例效果)
2013/04/22 HTML / CSS
伦敦高达60%折扣的钻石珠宝商:Purely Diamonds
2018/06/24 全球购物
Lululemon加拿大官网:加拿大知名体育服装零售商
2019/04/12 全球购物
PHP中如何使用Cookie
2015/10/28 面试题
HashMap和Hashtable的区别
2013/05/18 面试题
师范生实习的个人自我鉴定
2013/10/20 职场文书
国际贸易专业个人职业生涯规划
2014/02/15 职场文书
2014年公司迎新年活动方案
2014/02/24 职场文书
绿色环保标语
2014/06/12 职场文书
庆祝教师节标语
2014/10/09 职场文书
毕业论文答辩演讲稿
2015/06/23 职场文书