看有关的教学视频,说是使用api.ajax获取数据,但是没有具体演示,所以想清大神来帮忙回答一下,Vue.js如何与后台进行数据交互,还有从后台获取数据后,如何使用,例如集合或者对象如何进行展示。希望各位大神不吝赐教,本人不胜感激!
1条回答
关注 感谢对VUE的支持,下面给您解释下在VUE中与后台进行交互的情况:
1.使用axios.js
这是一个基于VUE2.0以后的模块。vue-resource不再更新之后便推荐了它,如果是脚手架直接npm就OK了
用法很简单,let that = this; let config = { method: 'get', url: this.allUrl + "/init/webset", data:{ data1:"1" } }; this.axios(config).then(function (res) { console.log(res); }).catch(function (err) { $(".msgText").text("服务器连接错误"); })
2.vue-resource
引入同上,用法如下:Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback);
Vue.http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);3.AJXA
对的就是AJAX
我在VUE项目中涉及到一个上传图片,需要控制,不能用表单,于是就使用了AJAX
$.ajax({
url: this.allUrl + '/user/uploadavater',
type: 'POST',
data: formData,
processData: false,
contentType: false
}).done(function (res) {
console.log(res);
}).fail(function (res) {
console.log(res);
});以上内容希望对您有帮助,有问题也可以咨询我。
Q:599901155本回答被题主选为最佳回答 , 对您是否有帮助呢?解决评论 打赏 举报无用 1
悬赏问题
- ¥15 c程序不知道为什么得不到结果
- ¥40 复杂的限制性的商函数处理
- ¥15 程序不包含适用于入口点的静态Main方法
- ¥15 素材场景中光线烘焙后灯光失效
- ¥15 请教一下各位,为什么我这个没有实现模拟点击
- ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
- ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
- ¥20 有关区间dp的问题求解
- ¥15 多电路系统共用电源的串扰问题
- ¥15 slam rangenet++配置