axios jquery ajax

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)})