axios @RequestBody
post
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) ; } ) ;
后端
@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
$. ajax ( {
type : 'post' ,
url : "vue/insert" ,
data : JSON . stringify ( this . newStudent) ,
contentType : "application/json" ,
} ) . then ( r => { console. log ( r) } )
post
$. 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) } )
后端
@RestController
@RequestMapping ( "/vue" )
public class VueController {
@PostMapping ( "/insert" )
String test ( @RequestBody Map map) {
System . out. println ( map) ;
return "OK" ;
}
}
jquery post @RequestParam
post
$. post ( '/vue/insert' , this . newStudent) . then ( r => {
console. log ( "post then:" + r)
} ) . fail ( ( a, b, c ) => { console. log ( a) } )
ajax
$. ajax ( {
type : 'post' ,
url : "vue/insert" ,
data : this . newStudent
} ) . then ( r => { console. log ( "ajaxthen:" + r) } )
jquery get @RequestParam
get
$. get ( '/vue/insert' , this . newStudent) . then ( r => {
console. log ( "get then:" + r)
} ) . fail ( ( a, b, c ) => { console. log ( a) } )