能否讲一下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!");

}

});

}

});

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐