VUE.js前端向后端发送请求 以及页面路由跳转
首先构造入参请求体,内容通常是一个json格式的,(jason:前后端数据交互格式之一,辨识度好,发送接收方便,花括号引起来,格式如下。随后直接拿到路径发请求咯,从后端接收的数据放到res里以便前端接着处理,这是常见的回调语法,发请求的同时拿到后端返回的信息。注意:!!!如果你是get请求,post换成get外,params还要加上{},变成{params}。
·
VUE向后端发请求
首先构造入参请求体,内容通常是一个json格式的,(jason:前后端数据交互格式之一,辨识度好,发送接收方便,花括号引起来,格式如下。
let params = {
id :this.id,
count : this.count
}
随后直接拿到路径发请求咯,从后端接收的数据放到res里以便前端接着处理,这是常见的回调语法,发请求的同时拿到后端返回的信息。
window.vue.$apiAxios.post('myApp/countUsers',params).then(res=>{
if(res.data.statusCode === 200){
let content = res.data.content;
//todo 接下来对content的内容为所欲为即可。
}
}
)
注意:!!!如果你是get请求,post换成get外,params还要加上{},变成{params}。
VUE路由跳转
路由跳转的基础写法:
this.$router.push({name:'myApp/countUsers' , query:{id: this.id}})
其中name可以替换成path,query可以替换成params,区别在于替换成params之后路径栏不会显示当前id路径,只会显示path,而query却可以显示详细id部分路径,比如网页上常跟的?id = E67UI92L1YS9,一般统一用query,因为params不支持path,所以总结起来:
统一用(name:, query(非密型)/params(密码型):{})
更多推荐
已为社区贡献1条内容
所有评论(0)