时间:2021-05-26
在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 配置文件
配置完成后,在需要组件使用import $ from 'jquery';
就可以使用!
总结
以上所述是小编给大家介绍的vue axios同步请求解决方案,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
es6的promise逐步解决了层层回调的问题,es8的asyncawait让异步变成了同步的写法,在vue中,可以通过封装axios,使得所有的请求都可以使用
如下:changeList为一个数组此时请求的参数格式为下图解决方案为将数组json序列化此时参数格式为以上这篇在axios中使用params传参的时候传入数组
在vue中,经常会用到数据请求,常用的有:vue-resourse、axios今天我说的是axios的post请求github源文件及文档地址:【https:/
axios是vue-resource后出现的Vue请求数据的插件。vue更新到2.0之后,作者尤大就宣告不再对vue-resource更新,而是推荐的axios
vue本身不支持发送AJAX请求,需要使用vue-resource(vue1.0版本)、axios(vue2.0版本)等插件实现axios是一个基于Promis