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计数器代码
Nov 04 Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
Aug 01 Javascript
Bootstrap基本样式学习笔记之标签(5)
Dec 07 Javascript
jQuery使用正则表达式替换dom元素标签用法示例
Jan 16 Javascript
@ResponseBody 和 @RequestBody 注解的区别
Mar 08 Javascript
妙用缓存调用链实现JS方法的重载
Apr 30 Javascript
Layer弹出层动态获取数据的方法
Aug 20 Javascript
js指定日期增加指定月份的实现方法
Dec 19 Javascript
tweenjs缓动算法的使用实例分析
Aug 26 Javascript
vue实现吸顶、锚点和滚动高亮按钮效果
Oct 21 Javascript
vue中watch和computed的区别与使用方法
Aug 23 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
Dec 24 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 调试环境(IIS+PHP+MYSQL)
2007/01/10 PHP
奇怪的PHP引用效率问题分析
2012/03/23 PHP
Laravel框架表单验证详解
2014/09/04 PHP
隐性调用php程序的方法
2015/06/13 PHP
yii2.0框架实现上传excel文件后导入到数据库的方法示例
2020/04/13 PHP
Javascript 面向对象(一)(共有方法,私有方法,特权方法)
2012/05/23 Javascript
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
2013/04/26 Javascript
javascript中var的重要性分析
2015/02/11 Javascript
JavaScript分页功能的实现方法
2015/04/25 Javascript
深入理解JavaScript编程中的同步与异步机制
2015/06/24 Javascript
jQuery实现仿美橙互联两级导航菜单效果完整实例
2015/09/17 Javascript
Vue 2.X的状态管理vuex记录详解
2017/03/23 Javascript
jQuery代码优化方法总结
2018/01/29 jQuery
Vue拖拽组件开发实例详解
2018/05/11 Javascript
jQuery/JS监听input输入框值变化实例
2019/10/17 jQuery
在vue中使用vuex,修改state的值示例
2019/11/08 Javascript
使用Python脚本来控制Windows Azure的简单教程
2015/04/16 Python
windows下python连接oracle数据库
2017/06/07 Python
Linux CentOS7下安装python3 的方法
2018/01/21 Python
Python如何发布程序的详细教程
2018/10/09 Python
Python3 安装PyQt5及exe打包图文教程
2019/01/08 Python
python 3.74 运行import numpy as np 报错lib\site-packages\numpy\__init__.py
2019/10/06 Python
Django实现从数据库中获取到的数据转换为dict
2020/03/27 Python
python脚本使用阿里云slb对恶意攻击进行封堵的实现
2021/02/04 Python
浅谈CSS3鼠标移入图片动态提示效果(transform)
2017/11/06 HTML / CSS
美国领先的在线旅游网站:Orbitz
2018/11/05 全球购物
就业协议书范本
2014/04/11 职场文书
英语系毕业生求职信
2014/07/13 职场文书
2014大四本科生自我鉴定总结
2014/10/04 职场文书
公司领导班子召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
狮子林导游词
2015/02/03 职场文书
给老婆的保证书怎么写
2015/05/08 职场文书
教师师德工作总结2015
2015/07/22 职场文书
使用nginx配置访问wgcloud的方法
2021/06/26 Servers
Minikube搭建Kubernetes集群
2022/03/31 Servers