587
社区成员
![](https://csdnimg.cn/release/cmsfe/public/img/topic.427195d5.png)
![](https://csdnimg.cn/release/cmsfe/public/img/me.40a70ab0.png)
![](https://csdnimg.cn/release/cmsfe/public/img/task.87b52881.png)
![](https://csdnimg.cn/release/cmsfe/public/img/share-circle.3e0b7822.png)
这个作业属于哪个课程 | 软件工程-23年春季学期 |
---|---|
这个作业要求在哪里 | 软件工程实践总结&个人技术总结 |
这个作业的目标 | <个人技术总结> |
其他参考文献 | 《构建之法》 |
运用vue.js Ajax实现前后端交互。我们小组是采用的vue技术来实现前端,其中前后端交互的部分,我们选择使用Ajax技术来向后端发送post和get请求。
发送Post请求时,参数可直接赋在请求中
this.$axios.post('http://124.71.33.160:8000/reward/getRewardDetail', {
r_id: this.r_id,
})
var socket = new SockJS('http://124.71.33.160:8000/ws');
this.stompClient = Stomp.over(socket);
this.stompClient.connect({}, this.onConnected, this.onError);
},
发送Post请求时,参数需用params打包
this.$axios.get('http://124.71.33.160:8000/Worker/getApplyReward', {
params: {
u_id: this.user.u_id
}
})
},
用'.then(response=>{}'指向返回值
.then(response => {
// console.log(response.data[0])
// 处理响应数据
this.Tasks = response.data.data;
console.log(response.data);
})
.catch(error => {
// 处理错误
console.log(error);
});
使用Vue写前端时,对复用性较高的部分一定要留足修改空间,各个部件之间也要协调好前端格式。Ajax技术使用时要注意请求方法的不同