axios发送post请求,后台如何接受问题
在WebStorm 中使用vue,在vue下不能使用ajax,所以使用axios。需要使用两个包:<scripttype="text/javascript" src="../js/axios.min.js"></script><scripttype="text/javascrip
·
在WebStorm 中使用vue,在vue下不能使用ajax,所以使用axios。
需要使用两个包:
<script type="text/javascript" src="../js/axios.min.js"></script>
<script type="text/javascript" src="../js/vue-resource.js"></script>
另外的vue的包和jQuery的包:
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/vue.min.js"></script>
代码如下
var vue=new Vue({
"el":"#app",
"data":{
"student":students
},
"methods":{
"submit":function(id){
var theid=id;
var name=this.student.name;
var age=this.student.age;
var sex=this.student.sex;
//使用这种方式传递参数
let params = new URLSearchParams();
params.append('id', theid);
params.append('name', name);
params.append('age', age);
params.append('sex', sex);
axios.post('http://localhost:8080/springmvc0719/studentJson/edit',
params
).then(function(res){
window.location.href="list.html";
}).catch(function(err){
window.location.href="list.html";
});
}
}
});
后台接收:
后台接收参数: @RequestParam Integer id
*@RequestMapping(value="/edit")
@ResponseBody
public int edit(@RequestParam Integer id,@RequestParam String name,@RequestParam Integer age,@RequestParam String sex){
Student student=new Student();
student.setId(id);
student.setName(name);
student.setAge(age);
student.setSex(sex);
return studentService.update(student);
}
更多推荐
已为社区贡献2条内容
所有评论(0)