vue-resource

我会带着你远行 2022-03-20 04:16 98阅读 0赞

> 配置

cmd到项目的根目录下

npm i vue-resource --save

在main.js下引入

import VueResource from 'vue-resource'
    Vue.use(VueResource);

使用方式和$Ajax方式类似，举一个get请求。

this.$http.get("http://localhost:8080/Diary_war_exploded/ArticleServlet?", {
    						params:{
    							article: 'write',
    							articleTitle: this.articleTitle,
    							articleConntent: this.articleConntent,
    							typeOn: this.typeOn
    						}
    					}, {
    						emulateJSON: true
    					})
    					/* 相应成功调用 */
    					.then((response) => {
    						this.types = response.body;
    					}, (data => {
    						/* 相应失败调用 */
    						console.log("getTitles异步加载失败");
    					}))

> 踩到的坑

开始的参数列表，后台死活拿不到想要的参数。

{
    	
    	article: 'write',
    	articleTitle: this.articleTitle,
    	articleConntent: this.articleConntent,
    	typeOn: this.typeOn
       
    }

修改后的参数列表，后台成功拿到

{
    	params:{
    		article: 'write',
    		articleTitle: this.articleTitle,
    		articleConntent: this.articleConntent,
    		typeOn: this.typeOn
        }
    }

不难发现，在json数据中增添了params这个参数，在这里，我对params做一个解释，params表示的是支持上传多个可变参数。具体的问题我也不知道该怎么解释，到现在我已经解决了问题，但是任然存在了好多的问题仍待研究，这倒不是本人没有钻研的精神，只是现在所学有限。尚能解决问题以是上线，希望自己更加努力！

同时希望各位大神能积极提供意见。

vue-resource

发表评论取消回复

还没有评论，来说两句吧...

相关阅读