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 相关文章推荐
免费空间广告万能消除代码
Sep 04 Javascript
用JavaScript实现仿Windows关机效果
Mar 10 Javascript
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
Mar 24 Javascript
在页面上点击任一链接时触发一个事件的代码
Apr 07 Javascript
javascript实现仿银行密码输入框效果的代码
Dec 13 Javascript
js中生成map对象的方法
Jan 09 Javascript
window.print打印指定div指定网页指定区域的方法
Aug 04 Javascript
微信小程序开发中的疑问解答汇总
Jul 03 Javascript
jQuery选择器中的特殊符号处理方法
Sep 08 jQuery
Node.js系列之发起get/post请求(2)
Aug 30 Javascript
微信小程序wxml列表渲染原理解析
Nov 27 Javascript
JS原生实现轮播图的几种方法
Mar 23 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之COOKIE支持详解
2010/09/20 PHP
php中AES加密解密的例子小结
2014/02/18 PHP
php查看网页源代码的方法
2015/03/13 PHP
图文详解PHP环境搭建教程
2016/07/16 PHP
图片上传即时显示缩略图的js代码
2009/05/27 Javascript
JavaScript中window、doucment、body的解释
2013/08/14 Javascript
node.js中的fs.fstat方法使用说明
2014/12/15 Javascript
自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框
2015/12/12 Javascript
不得不分享的JavaScript常用方法函数集(上)
2015/12/23 Javascript
JQueryEasyUI框架下的combobox的取值和绑定的方法
2017/01/22 Javascript
学习使用jQuery表单验证插件和日历插件
2017/02/13 Javascript
bootstrapValidator 重新启用提交按钮的方法
2017/02/20 Javascript
AngularJS双向绑定和依赖反转实例详解
2017/04/15 Javascript
微信小程序 标签传入数据
2017/05/08 Javascript
前端页面文件拖拽上传模块js代码示例
2017/05/19 Javascript
JS中验证整数和小数的正则表达式
2018/10/08 Javascript
javascript实现的时间格式加8小时功能示例
2019/06/13 Javascript
vue实现购物车功能(商品分类)
2020/04/20 Javascript
Python urlopen 使用小示例
2008/09/06 Python
python读取浮点数和读取文本文件示例
2014/05/06 Python
Python编程之变量赋值操作实例分析
2017/07/24 Python
对python3 urllib包与http包的使用详解
2018/05/10 Python
python爬虫实例详解
2018/06/19 Python
python实现指定文件夹下的指定文件移动到指定位置
2018/09/17 Python
python 操作hive pyhs2方式
2019/12/21 Python
.dcm格式文件软件读取及python处理详解
2020/01/16 Python
使用pth文件添加Python环境变量方式
2020/05/26 Python
Python Selenium库的基本使用教程
2021/01/04 Python
使用numpngw和matplotlib生成png动画的示例代码
2021/01/24 Python
CSS3混合模式mix-blend-mode/background-blend-mode简介
2018/03/15 HTML / CSS
Fnac西班牙官网:法国文化和电子产品零售商
2021/03/14 全球购物
2014年度党员自我评议
2014/09/13 职场文书
2015年全国爱耳日活动总结
2015/02/27 职场文书
闪闪的红星观后感
2015/06/08 职场文书
交流会主持词
2015/07/02 职场文书
《索溪峪的野》教学反思
2016/02/19 职场文书