axios傳送post請求,後臺如何接受問題
阿新 • • 發佈:2019-02-08
在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); }