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+CSS 半开折叠效果原理及代码(自写)
Mar 04 Javascript
javascript获取url上某个参数的方法
Nov 08 Javascript
js 实现浏览历史记录示例
Apr 20 Javascript
js判断当页面无法回退时关闭网页否则就history.go(-1)
Aug 07 Javascript
Jquery实现仿腾讯微博发表广播
Nov 17 Javascript
jQuery中[attribute=value]选择器用法实例
Dec 31 Javascript
JavaScript模版引擎的基本实现方法浅析
Feb 15 Javascript
js常用的继承--组合式继承
Mar 06 Javascript
JavaScript定义函数_动力节点Java学院整理
Jun 27 Javascript
vue .js绑定checkbox并获取、改变选中状态的实例
Aug 24 Javascript
手把手教你写一个微信小程序(推荐)
Oct 17 Javascript
js实现移动端吸顶效果
Jan 08 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
菜鸟修复电子管记
2021/03/02 无线电
php+dbfile开发小型留言本
2006/10/09 PHP
php disk_free_space 返回目录可用空间
2010/05/10 PHP
分享一个Laravel好用的Cache宏
2015/03/02 PHP
Zend Framework数据库操作技巧总结
2017/02/18 PHP
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
2011/04/01 Javascript
js特殊字符转义介绍
2013/11/05 Javascript
javascript操作excel生成报表全攻略
2014/05/04 Javascript
JQuery教学之性能优化
2014/05/14 Javascript
详解JavaScript中的自定义事件编写
2016/05/10 Javascript
JQuery控制图片由中心点逐渐放大效果
2016/06/26 Javascript
js图片上传前预览功能(兼容所有浏览器)
2016/08/24 Javascript
使用BootStrap进行轮播图的制作
2017/01/06 Javascript
简单实现js菜单栏切换效果
2017/03/04 Javascript
JS实现复选框的全选和批量删除功能
2017/04/05 Javascript
javascript将list转换成树状结构的实例
2017/09/08 Javascript
使用async、enterproxy控制并发数量的方法详解
2018/01/02 Javascript
浅谈webpack打包生成的bundle.js文件过大的问题
2018/02/22 Javascript
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
2019/06/03 Javascript
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
2019/12/02 Javascript
Python语言实现机器学习的K-近邻算法
2015/06/11 Python
Python进阶篇之字典操作总结
2016/11/16 Python
一行代码让 Python 的运行速度提高100倍
2018/10/08 Python
python无限生成不重复(字母,数字,字符)组合的方法
2018/12/04 Python
Python3实现将一维数组按标准长度分隔为二维数组
2019/11/29 Python
基于TensorFlow中自定义梯度的2种方式
2020/02/04 Python
python 安装教程之Pycharm安装及配置字体主题,换行,自动更新
2020/03/13 Python
tensorflow中tf.reduce_mean函数的使用
2020/04/19 Python
法国时尚品牌乐都特瑞士站:La Redoute瑞士
2016/09/05 全球购物
大学生毕业求职的自我评价
2013/09/29 职场文书
写自荐信有哪些不宜?
2013/10/17 职场文书
机械专业应届生求职信
2013/12/12 职场文书
《找不到快乐的波斯猫》教学反思
2014/02/24 职场文书
2016教师节问候语
2015/11/10 职场文书
运动会班级口号霸气押韵
2015/12/24 职场文书
Java常用函数式接口总结
2021/06/29 Java/Android