axios @RequestBody
post
javascript
axios.post('/vue/insert', this.newStudent)
.then(r => {
console.log('Student added successfully:', r);
}).catch(e => { console.error('There was an error adding the student!', e); });
后端
java
@RestController
@RequestMapping("/vue")
public class VueController {
@PostMapping("/insert")
String test(@RequestBody Map map){
System.out.println(map);
return "OK";
}
}
jquery post JSON.stringify @RequestBody
ajax
javascript
$.ajax({
type:'post',
url:"vue/insert",
data: JSON.stringify(this.newStudent),
contentType:"application/json",
}).then(r=>{console.log(r)})
post
javascript
$.ajaxSetup({
headers: {
'Content-Type': 'application/json'
}
});
$.post('/vue/insert',JSON.stringify( this.newStudent)).then(r=>{
console.log("then:"+r)
}).fail(e=>{console.log("fail"+e)})
后端
java
@RestController
@RequestMapping("/vue")
public class VueController {
@PostMapping("/insert")
String test(@RequestBody Map map){
System.out.println(map);
return "OK";
}
}
jquery post @RequestParam
post
javascript
$.post('/vue/insert',this.newStudent).then(r=>{
console.log("post then:"+r)
}).fail((a,b,c)=>{console.log(a)})
ajax
javascript
$.ajax({
type:'post',
url:"vue/insert",
data: this.newStudent
}).then(r=>{console.log("ajaxthen:"+r)})
jquery get @RequestParam
get
javascript
$.get('/vue/insert',this.newStudent).then(r=>{
console.log("get then:"+r)
}).fail((a,b,c)=>{console.log(a)})