vuejs ajax mysql_能否讲一下vue.js中的ajax?
能否讲一下vue.js中的ajax?Vue作为一个没有入侵性的框架并不限制你使用ajax框架。使用了Vue后,ajax部分你可以做如下选择:1.使用JS原生XHR接口2.引入JQuery或者Zepto 使用$.ajax();3.Vue的github上提供了vue-resource插件 :4.使用 fetch.js5.自己封装一个ajax库推荐:2 学习成本最小;3 vue最契合;4 fetch是基
能否讲一下vue.js中的ajax?
Vue作为一个没有入侵性的框架并不限制你使用ajax框架。
使用了Vue后,ajax部分你可以做如下选择:
1.使用JS原生XHR接口
2.引入JQuery或者Zepto 使用$.ajax();
3.Vue的github上提供了vue-resource插件 :
4.使用 fetch.js
5.自己封装一个ajax库
推荐:
2 学习成本最小;
3 vue最契合;
4 fetch是基于Promise的 ,异步操作更友好,解决了多步回调显得更加优雅友好。个人认为xhr未来是会被fetchAPI取代的。
我的代码如下,因为主框架是mui,顺便用了mui的ajax,其实用jquery的或是原生的都行:
vm = new Vue({
el: 'body',
data: {
feed:"",
info: {},
list: [],
final: {msg:""}
},
ready:function() {
mui.ajax({ url: "shopData/myPay.json", dataType: "json",
success: function(data){
vm.info = data.info;
vm.list = data.list;
},
error: function(data){
console.log("读取jsonName error!");
}
});
}
});
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)