Vue配合jQuery+Ajax使用
如果单纯的通过jQuery拼接ajax响应的数据操作DOM的话,会感觉特别复杂,jQuery的template模板就很大程度上相似于VUE.js的逻辑,以下代码仅供参考:var vm =new Vue({el : '#controller',data : {res :{}},...
·
如果单纯的通过jQuery拼接ajax响应的数据操作DOM的话,会感觉特别复杂,jQuery的template模板就很大程度上相似于VUE.js的逻辑,以下代码仅供参考:
var vm = new Vue({
el : '#controller',
data : {
res :{}
},
mounted : function () {
var that = this;
$.ajax({
url : 'XXXXXX',
// 配置参数
}).done(function (res) {
that.res.names = res.data.names;
// 以此类推
}).fail(function () {
console.log("请求失败")
})
}
})
<div id="controller">
<div>响应的文本:{{res.names}}</div>
</div>
更多推荐
已为社区贡献1条内容
所有评论(0)