SpringMVC接收前台Ajax傳送json數據

• json.parse()用於將json字符串轉換成JavaScript對象
• Json.Stringify()將json對象轉化成json字符串
• 第一種方式是前端傳 json對象

1. //定義json對象
               var username = $("#username").val();
               var password = $("#password").val();
               var json = {
                   "username" : username,
                   "password" : password
               };
   
   // Jquery Ajax請求
   $.ajax({
                   url : "jsontest",
                   type : "POST",
                   async : true,
                   data : json,
                   dataType : 'json',
                   success : function(data) {
                       if (data.userstatus === "success") {
                           $("#errorMsg").remove();
                       } else {
                           if ($("#errorMsg").length <= 0) {
                               $("form[name=loginForm]").append(errorMsg);
                           }
                       }
                   }
               });

   則SpringMVC前端可以用@requestParam 接受    去掉注解也可以接收成功

2.   @RequestMapping("/jsontest")
       public void test(@RequestParam(value="username",required=true) String username,
       @RequestParam(value="password",required=true) String password){
           System.out.println("username: " + username);
           System.out.println("password: " + password);
       }
   --------------------- 

   第二種是前端傳入json字符串   注意此時  需要修改contentType : "application/json"   並且將數據轉換成json字符串

3. $.ajax({
                   url : "jsontest",
                   type : "POST",
                   async : true,
                   contentType : "application/json",
                   data : JSON.stringify(json),
                   dataType : 'json',
                   success : function(data) {
                       if (data.userstatus === "success") {
                           $("#errorMsg").remove();
                       } else {
                           if ($("#errorMsg").length <= 0) {
                               $("form[name=loginForm]").append(errorMsg);
                           }
                       }
                   }
               });
   --------------------- 

   后台采用@RequestBody   可以使用map接受   也可以使用pojo實體類接受

4.  @RequestMapping("/jsontest")
       public void test(@RequestBody(required=true) Map<String,Object> map  ){
           String username = map.get("username").toString();
           String password = map.get("password").toString();
           System.out.println("username: " + username);
           System.out.println("password: " + password);
       }
   --------------------- 

   @RequestMapping("/jsontest")
       public void test(@RequestBody User user  ){
           String username = user.getUsername();
           String password = user.getPassword();
           System.out.println("username: " + username);
           System.out.println("password: " + password);
       }
   --------------------- 

   總結  前端Ajax默認使用json對象的形式上傳數據   可以修改contenType  =“application/json” 上傳json字符串類型