springmvc 前端 發ajax請求的幾種方式

一.傳json單值或對象

1.前端

var data = {'id':id,'name':name};
$.ajax({ 
            type:"POST", 
            url:"user/saveUser", 
            dataType:"json",      
            //contentType:"application/json", //不能添加這個頭           
            data:data, //這里不能進行JSON.stringify,發送請求的數據在:form data
            success:function(data){ 
                                       
            } 
         }); 

2.后端

//看成單值
@RequestMapping(value = "save", method = {RequestMethod.POST }}) 
     @ResponseBody  
     public void save(@RequestParam int id,String name) { //這里字段要跟前端一致，@RequsetParam 可以不加，默認調用的就是它
          
     }
//看成對象
@RequestMapping(value = "save", method = {RequestMethod.POST }}) 
     @ResponseBody  
     public void save(User user) { //前端字段跟對象屬性一致
                                   //自動轉化成改對象
     }

二.json對象轉成字符串后傳值

1.1、前端

$.ajax({ 
              type:"POST", 
              url:"user/saveUser", 
              dataType:"json",      
              contentType:"application/json", //需添加這個頭           
              data:JSON.stringify(data), //發送請求的數據在request payload
              success:function(data){ 
                                        
             } 
          }); 

1.2、后端

//看成對象
@RequestMapping(value = "save", method = {RequestMethod.POST }}) 
     @ResponseBody  
     public void save(@RequestBody User user) { //需添加RequestBody注解
                                   //自動轉化成改對象
     }

三.將對象JSON.stringify后，以第一種方式傳遞，可實現對象中存對象 {'userList':users,'key1':value1}

1.前台

var user = {'id':id,'name':name};
var jsonStrGoods = JSON.stringify({'gid':gid,...});
$.ajax({ 
              type:"POST", 
              url:"user/saveUser", 
              dataType:"json",      
             // contentType:"application/json", //不添加這個頭           
              data:{'user':JSON.stringify(user),'goods':jsonStrGoods }, //發送請求的數據在request payload
              success:function(data){ 
                                        
             } 
          }); 

2.后台

//看成單值
@RequestMapping(value = "save", method = {RequestMethod.POST }}) 
     @ResponseBody  
     public void save(@RequestParam String user,String goods) { //這里字段要跟前端一致，@RequsetParam 可以不加，默認調用的就是它
          User u= JSON.parseObject(user, User .class);//alibaba.fastjson轉換成對象
     }
//看成對象
@RequestMapping(value = "save", method = {RequestMethod.POST }}) 
     @ResponseBody  
     public void save(UserAndGoods ug) { //沒試過，猜測應該是這樣，前端字段跟對象屬性一致
                                   //自動轉化成改對象
     }

傳數組

前台

 

var arr = str.split(',');
    $.ajax({
        url:'/appollo-console/manage/user/names/validation',
        data:{
            names:arr
        },
traditional: true,//必須
        type:'post',
dataType:'json',
        success:function(res){
            alert(res);
        }
    })

 

后台

1 2 3 4 5 6 7 8

@PostMapping( "/names/validation" )      @ResponseBody      public List<String> validateUserName(String[] names){          List<String> notValidNames = Lists.newArrayList();          notValidNames = userService.findNotValidNames(Arrays.asList(names));          return notValidNames;      }

　

 

 

總結：1.如果用JSON.stringify()將對象轉成字符串，就需要在ajax請求中指定contentType 為 application/json,且后台需添加 @RequestBody注解；

　　　2.如果直接傳json對象則跟上面的相反，不能指定contentType為 application/json，其默認類型是 application/x-www-form-urlencoded