默认contenType下

在ajax中不写contentType的情况下

contentType："application/x-www-form-urlencoded;charset=UTF-8" (默认)

总结以下例证：

当ajax为默认的application/x-www-form-urlencoded时，能够处理简单的JSON(单层)，遇到复杂的嵌套JSON的情况就不能处理了(含数组情况)；

这种情况下要处理嵌套JSON的内容，必须将其转化成传统的key=value的形式后放入ajax的data中。

相对而言，在简单的JSON情况下，后台的controller中直接在方法上写形参即可，亦可用vo对象接收；而在复杂参数的情况下，必须使用vo对象来进行值接收，再写在形参上是行不通的。

1.当为简单JSON时

以下传输的json中4个字段都为字符串

ajax

  1. // 例如：
  2. // -----------------right-begin-----------------
  3. var history = 'aaa';
  4. var professionScale = 'bbb';
  5. var constructionScale = 'ccc';
  6. var award = 'ddd';
  7. $.ajax({
  8.     url:"/api/admin/about-JK/edit-JK-text",
  9.     type: "POST",
  10.     // 期待服务器返回的类型：json、jsonp、text ... 此参数加上最好
  11.     dataType: "json",
  12.     data: {
  13.         "history": history,
  14.         "professionScale": professionScale,
  15.         "constructionScale": constructionScale,
  16.         "award": award},
  17.     success: function (res) {
  18.         if (res.code == 0) {
  19.             console.log(res);
  20.         } else {
  21.             console.log(res);
  22.         }
  23.     },
  24.     error: function () {
  25.        console.log('请求系统异常');
  26.     }
  27. });
  28. // -----------------right-end-----------------

controller

  1. // -----------------right-begin-----------------
  2. // 以下1.2均可
  4. // 1.用单独的字段来接收
  5. @PostMapping("/api/admin/about-JK/edit-JK-text")
  6. // 顺便补充，如果前台json传过来的名称中有和参数名称不对应的情况
  7. // 例如：profession_scale，只需要在参数前加
  8. // @RequestParam("profession_scale") String professionScale
  9. // 但是只能是用单个参数接收的时候可以用，但是如果是vo对象接收，就没有办法了！
  10. // 还是只能修改ajax中data的key
  11. public JsonData editAboutJKTextAdmin(
  12.     String history, String professionScale,String constructionScale,
  13. 	String award) {
  14.     JsonData json = aboutJKService.editAboutJKText(aboutJKVo);
  16.     return json;
  17. }
  19. // 2.用vo对象来接受
  20. @PostMapping("/api/admin/about-JK/edit-JK-text")
  21. public JsonData editAboutJKTextAdmin(AboutJKVo aboutJKVo) {
  22.     JsonData json = aboutJKService.editAboutJKText(aboutJKVo);
  24.     return json;
  25. }
  27. // -----------------right-end-----------------

vo

  1. // -----------------right-begin-----------------
  2. @Data //lombok
  3. @AllArgsConstructor //lombok
  4. @NoArgsConstructor //lombok
  5. public class AboutJKVo implements Serializable {
  6.     private String history;
  7.     private String professionScale;
  8.     private String constructionScale;
  9.     private String award;
  10. }
  11. // -----------------right-end-----------------

2.当为复杂JSON的时候

意为多重嵌套的JSON，最典型的即含有数组的JSON

ajax

  1. // 1.
  2. // ------------------- error-begin -------------------
  3. // 服务器直接 500
  4. var carouselLink = new Array();
  5. carouselLink.push('1.jpg');
  6. carouselLink.push('2.jpg');
  7. carouselLink.push('3.jpg');
  8. var history = 'aaa';
  9. var professionScale = 'bbb';
  10. var constructionScale = 'ccc';
  11. var award = 'ddd';
  12. $.ajax({
  13.     url:"/api/admin/about-JK/edit-JK-text",
  14.     type: "POST",
  15.     // 期待服务器返回的类型：json、jsonp、text ... 此参数加上最好
  16.     dataType: "json",
  17.     data: {
  18.         "carouselLink": carouselLink,
  19.         "history": history,
  20.         "professionScale": professionScale,
  21.         "constructionScale": constructionScale,
  22.         "award": award},
  23.     success: function (res) {
  24.         if (res.code == 0) {
  25.             console.log(res);
  26.         } else {
  27.             console.log(res);
  28.         }
  29.     },
  30.     error: function () {
  31.        console.log('请求系统异常');
  32.     }
  33. });
  34. // ------------------- error-end -------------------
  35. // 如果还要使用默认contentType为application/x-www-form-urlencoded;charset=UTF-8
  36. // 以上的ajax已经行不通了！
  37. // 那应该怎么写？
  38. // 使用application/x-www-form-urlencoded兼容度最高的key=value形式
  39. // 2.
  40. // ------------------- right-begin -------------------
  41. var carouselLink = new Array();
  42. carouselLink.push('1.jpg');
  43. carouselLink.push('2.jpg');
  44. carouselLink.push('3.jpg');
  45. var history = 'aaa';
  46. var professionScale = 'bbb';
  47. var constructionScale = 'ccc';
  48. var award = 'ddd';
  49. $.ajax({
  50.     url:"/api/admin/about-JK/edit-JK-text",
  51.     type: "POST",
  52.     // 期待服务器返回的类型：json、jsonp、text ... 此参数加上最好
  53.     dataType: "json",
  54.     data:
  55.     "carouselLink="+carouselLink+"&history=" + history+
  56.     "&professionScale="+ professionScale +
  57.     "&constructionScale="+ constructionScale +"&award=" + award,
  58.     dataType: "json",
  59.     success: function (res) {
  60.         if (res.code == 0) {
  61.             console.log(res);
  62.         } else {
  63.             console.log(res);
  64.         }
  65.     },
  66.     error: function () {
  67.         console.log('请求系统异常');
  68.     }
  69. });
  70. // ------------------- right-end -------------------

controller

  1. // 3.
  2. // ------------------- error-begin -------------------
  3. // 1.用单独的字段来接收
  4. // 服务器也是直接 500
  5. @PostMapping("/api/admin/about-JK/edit-JK-text")
  6. public JsonData editAboutJKTextAdmin(
  7.     List<String> carouselLink,
  8.     String history, String professionScale,String constructionScale,
  9.     String award) {
  10.     System.out.println(carouselLink + history +
  11.                        professionScale + constructionScale + award);
  13.     return null;
  14. }
  15. // ------------------- error-end -------------------
  16. // 当key=value中有了list之后，controller内便不能直接用参数接收了！
  17. // 只能通过vo对象来接收
  18. // 4.
  19. // -----------------right-begin-----------------
  20. // 2.用vo对象来接受
  21. @PostMapping("/api/admin/about-JK/edit-JK-text")
  22. public JsonData editAboutJKTextAdmin(AboutJKVo aboutJKVo) {
  23.     System.out.println(aboutJKVo);
  25.     return null;
  26. }
  27. // -----------------right-end-----------------

vo

  1. // -----------------right-begin-----------------
  2. @Data
  3. @AllArgsConstructor
  4. @NoArgsConstructor
  5. public class AboutJKVo implements Serializable {
  6.     private List<String> carouselLink;
  7.     private String history;
  8.     private String professionScale;
  9.     private String constructionScale;
  10.     private String award;
  11. }
  12. // -----------------right-end-----------------

结果

1 和 3 组合 500 NoSuchMethodException

1 和 4 组合 500 java.lang.NumberFormatException: For input string: ""

2 和 3 组合 500 NoSuchMethodException

2 和 4 组合 success！

contentType为application/json时

在ajax中声明 contentType的类型：

contentType: "application/json"

总结以下例证

1.当ajax声明contentType: "application/json"之后，与之对应，不能再像默认contentType为application/x-www-form-urlencoded的时候一样，直接传递json对象了，必须传递json字符串！

通过JSON.stringify() 去将json对象转化成json字符串。

2.与之对应，controller需要注意的是：

  • controller中，跟在@RequestBody后的参数，和ajax传递过来的json字符串，必须是严格的json层级对应情况！

    • 情况一：假如ajax传输的json字符串为'[1, 2, 3]' 与之对应，controller的形参中，就必须有一个List<Integer> list 去接收它。

    • 情况二：假如ajax传输的json字符串为'{"names":["aaa", "bbb", "ccc"]}'，那么controller的形参中，就必须是一个vo对象，并且对象中有一个叫做names的List<String>。

    • 总：只要外部有{}，则controller应该用vo对象接收，直接是'aaa'字符串，或者['aaa', 'bbb']数组，则必须用一个对应的String 类型，或者List<string>类型来接收。

  • @RequestBody在一个controller层方法中，只能出现一次。

    • 如果一个方法形参中出现多个@RequestBody，将会注入失败。
    • 如果只有一个String类型的参数，但是ajax传输过来的是一个复杂json，那么这个复杂json将以字符串的形式被全部注入到那个String类型的参数中，这是一种极端情况。

3.补充，建议：可能是jquery的版本问题，在我原来使用3.x版本的jquery时，出现过复杂json无法注入vo对象的情况，原因是jquery默认会调用jQuery.param深度序列化参数，以适应如PHP和Ruby on Rails框架，但servelt api无法处理。但这里我使用的jquery-2.1.1并未出现此状况。

但稳妥起见，建议在ajax中加上参数traditional:true，来保障json的解析正常！

1.restful风格下传递复杂json

ajax

  1. // 1.
  2. // ------------------- error-begin -------------------
  3. var carouselLink = new Array();
  4. carouselLink.push('1.jpg');
  5. carouselLink.push('2.jpg');
  6. carouselLink.push('3.jpg');
  7. var history = 'aaa';
  8. var professionScale = 'bbb';
  9. var constructionScale = 'ccc';
  10. var award = 'ddd';
  11. $.ajax({
  12.     url:"/api/admin/about-JK/edit-JK-text",
  13.     contentType:'application/json',
  14.     type: "POST",
  15.     // 期待服务器返回的类型：json、jsonp、text ... 此参数加上最好
  16.     dataType: "json",
  17.     data:{
  18.         "carouselLink": carouselLink,
  19.         "history": history,
  20.         "professionScale": professionScale,
  21.         "constructionScale": constructionScale,
  22.         "award": award},
  23.     dataType: "json",
  24.     success: function (res) {
  25.         if (res.code == 0) {
  26.             console.log(res);
  27.         } else {
  28.             console.log(res);
  29.         }
  30.     },
  31.     error: function () {
  32.         console.log('请求系统异常');
  33.     }
  34. });
  35. // ------------------- right-end -------------------
  37. // 2.
  38. // -----------------right-begin-----------------
  39. var carouselLink = new Array();
  40. carouselLink.push('1.jpg');
  41. carouselLink.push('2.jpg');
  42. carouselLink.push('3.jpg');
  43. var history = 'aaa';
  44. var professionScale = 'bbb';
  45. var constructionScale = 'ccc';
  46. var award = 'ddd';
  48. var dataJSON = {
  49.     "carouselLink": carouselLink,
  50.     "history": history,
  51.     "professionScale": professionScale,
  52.     "constructionScale": constructionScale,
  53.     "award": award}
  55. var dataJSONStr = JSON.stringify(dataJSON);
  56. console.log(dataJSON)
  57. console.log(dataJSONStr)
  58. $.ajax({
  59.     url:"/api/admin/about-JK/edit-JK-text",
  60.     contentType:'application/json',
  61.     type: "POST",
  62.     data: dataJSONStr,
  63.     // 期待服务器返回的类型：json、jsonp、text ... 此参数加上最好
  64.     dataType: "json",
  65.     success: function (res) {
  66.         if (res.code == 0) {
  67.             console.log(res);
  68.         } else {
  69.             console.log(res);
  70.         }
  71.     },
  72.     error: function () {
  73.         console.log('请求系统异常');
  74.     }
  75. });
  76. // -----------------right-end-----------------

controller

  1. // 3.
  2. // ------------------- error-begin -------------------
  3. @PostMapping("/api/admin/about-JK/edit-JK-text")
  4. public JsonData editAboutJKTextAdmin(List<String> carouselLink, String history,
  5.                                      String professionScale, String constructionScale,
  6.                                      String award) {
  7.     System.out.println(carouselLink +
  8.                        history +
  9.                        professionScale +
  10.                        constructionScale + award);
  11.     return null;
  12. }
  13. // ------------------- error-end -------------------
  15. // 4.
  16. // ------------------- error-begin -------------------
  17. @PostMapping("/api/admin/about-JK/edit-JK-text")
  18. public JsonData editAboutJKTextAdmin(@RequestBody List<String> carouselLink,
  19.                                      @RequestBody String history,
  20.                                      @RequestBody String professionScale,
  21.                                      @RequestBody String constructionScale,
  22.                                      @RequestBody String award) {
  23.     System.out.println(carouselLink +
  24.                        history +
  25.                        professionScale +
  26.                        constructionScale + award);
  27.     return null;
  28. }
  29. // ------------------- error-end -------------------
  31. // 5.
  32. // ------------------- error-begin -------------------
  33. @PostMapping("/api/admin/about-JK/edit-JK-text")
  34. public JsonData editAboutJKTextAdmin(AboutJKVo aboutJKVo) {
  35.     System.out.println(aboutJKVo);
  37.     return null;
  38. }
  39. // ------------------- error-end -------------------
  41. // 6.
  42. // -----------------right-begin-----------------
  43. @PostMapping("/api/admin/about-JK/edit-JK-text")
  44. public JsonData editAboutJKTextAdmin(@RequestBody AboutJKVo aboutJKVo) {
  45.     System.out.println(aboutJKVo);
  47.     return null;
  48. }
  49. // -----------------right-end-----------------

vo

  1. // -----------------right-begin-----------------
  2. @Data
  3. @AllArgsConstructor
  4. @NoArgsConstructor
  5. public class AboutJKVo implements Serializable {
  6.     private List<String> carouselLink;
  7.     private String history;
  8.     private String professionScale;
  9.     private String constructionScale;
  10.     private String award;
  11. }
  12. // -----------------right-end-----------------

结果

1 和 3 组合 500 NoSuchMethodException

1 和 4 组合 400 JSON parse error: Unrecognized token 'carouselLink'

1 和 5 组合 无报错，但

  1. AboutJKVo(carouselLink=null, history=null, professionScale=null, constructionScale=null, award=null)

1 和 6 组合 400 badRequest！

2 和 3 组合 500 NoSuchMethodException

2 和 4 组合 400 JSON parse error

2 和 5 组合 无报错，但

  1. AboutJKVo(carouselLink=null, history=null, professionScale=null, constructionScale=null, award=null)

2 和 6 组合 success！

2.restful风格下传递简单json

ajax

  1. // 1.
  2. // ------------------- error-begin -------------------
  3. var history = 'aaa';
  4. var professionScale = 'bbb';
  5. var constructionScale = 'ccc';
  6. var award = 'ddd';
  7. $.ajax({
  8.     url:"/api/admin/about-JK/edit-JK-text",
  9.     contentType:'application/json',
  10.     type: "POST",
  11.     // 期待服务器返回的类型：json、jsonp、text ... 此参数加上最好
  12.     dataType: "json",
  13.     data:{
  14.         "history": history,
  15.         "professionScale": professionScale,
  16.         "constructionScale": constructionScale,
  17.         "award": award},
  18.     dataType: "json",
  19.     success: function (res) {
  20.         if (res.code == 0) {
  21.             console.log(res);
  22.         } else {
  23.             console.log(res);
  24.         }
  25.     },
  26.     error: function () {
  27.         console.log('请求系统异常');
  28.     }
  29. });
  30. // ------------------- error-end -------------------
  32. // 2.
  33. // -----------------right-begin-----------------
  34. var history = 'aaa';
  35. var professionScale = 'bbb';
  36. var constructionScale = 'ccc';
  37. var award = 'ddd';
  39. var dataJSON = {
  40.     "history": history,
  41.     "professionScale": professionScale,
  42.     "constructionScale": constructionScale,
  43.     "award": award}
  45. var dataJSONStr = JSON.stringify(dataJSON);
  46. console.log(dataJSON)
  47. console.log(dataJSONStr)
  48. $.ajax({
  49.     url:"/api/admin/about-JK/edit-JK-text",
  50.     contentType:'application/json',
  51.     type: "POST",
  52.     data: dataJSONStr,
  53.     // 期待服务器返回的类型：json、jsonp、text ... 此参数加上最好
  54.     dataType: "json",
  55.     success: function (res) {
  56.         if (res.code == 0) {
  57.             console.log(res);
  58.         } else {
  59.             console.log(res);
  60.         }
  61.     },
  62.     error: function () {
  63.         console.log('请求系统异常');
  64.     }
  65. });
  66. // -----------------right-end-----------------

controller

  1. // 3.
  2. // ------------------- error-begin -------------------
  3. @PostMapping("/api/admin/about-JK/edit-JK-text")
  4. public JsonData editAboutJKTextAdmin(String history, String professionScale,
  5.                                      String constructionScale,
  6.                                      String award) {
  7.     System.out.println(history +
  8.                        professionScale +
  9.                        constructionScale + award);
  10.     return null;
  11. }
  12. // ------------------- error-end -------------------
  14. // 4.
  15. // ------------------- error-begin -------------------
  16. @PostMapping("/api/admin/about-JK/edit-JK-text")
  17. public JsonData editAboutJKTextAdmin(@RequestBody String history,
  18.                                      @RequestBody String professionScale,
  19.                                      @RequestBody String constructionScale,
  20.                                      @RequestBody String award) {
  21.     System.out.println(history +
  22.                        professionScale +
  23.                        constructionScale + award);
  24.     return null;
  25. }
  26. // ------------------- error-end -------------------
  28. // 5.
  29. // ------------------- error-begin -------------------
  30. @PostMapping("/api/admin/about-JK/edit-JK-text")
  31. public JsonData editAboutJKTextAdmin(AboutJKVo aboutJKVo) {
  32.     System.out.println(aboutJKVo);
  34.     return null;
  35. }
  36. // ------------------- error-end -------------------
  38. // 6.
  39. // -----------------right-begin-----------------
  40. @PostMapping("/api/admin/about-JK/edit-JK-text")
  41. public JsonData editAboutJKTextAdmin(@RequestBody AboutJKVo aboutJKVo) {
  42.     System.out.println(aboutJKVo);
  44.     return null;
  45. }
  46. // -----------------right-end-----------------

vo

  1. // -----------------right-begin-----------------
  2. @Data
  3. @AllArgsConstructor
  4. @NoArgsConstructor
  5. public class AboutJKVo implements Serializable {
  6.     private String history;
  7.     private String professionScale;
  8.     private String constructionScale;
  9.     private String award;
  10. }
  11. // -----------------right-end-----------------

结果

1 和 3 组合 无报错，但 4个参数全为null

1 和 4 组合 400 badRequest @RequestBody需要的参数无法注入

1 和 5 组合 无报错，但 4个参数全为null

1 和 6 组合 JSON parse error

2 和 3 组合 无报错，但4个参数全为null

2 和 4 组合 400 badRequest @RequestBody需要的参数无法注入

2 和 5 组合 无报错，但 4个参数全为null

2 和 6 组合 success！

3.restful风格下传递list

ajax

  1. // 1.
  2. var list = new Array();
  3. list.push('1.jpg');
  4. list.push('2.jpg');
  5. list.push('3.jpg');
  7. $.ajax({
  8.     url:"/api/admin/about-JK/edit-JK-text",
  9.     contentType:'application/json',
  10.     type: "POST",
  11.     // 期待服务器返回的类型：json、jsonp、text ... 此参数加上最好
  12.     dataType: "json",
  13.     data:list,
  14.     dataType: "json",
  15.     success: function (res) {
  16.         if (res.code == 0) {
  17.             console.log(res);
  18.         } else {
  19.             console.log(res);
  20.         }
  21.     },
  22.     error: function () {
  23.         console.log('请求系统异常');
  24.     }
  25. });
  27. // 2.
  28. var list = new Array();
  29. list.push('1.jpg');
  30. list.push('2.jpg');
  31. list.push('3.jpg');
  33. $.ajax({
  34.     url:"/api/admin/about-JK/edit-JK-text",
  35.     contentType:'application/json',
  36.     type: "POST",
  37.     // 期待服务器返回的类型：json、jsonp、text ... 此参数加上最好
  38.     dataType: "json",
  39.     data:{'list':list},
  40.     dataType: "json",
  41.     success: function (res) {
  42.         if (res.code == 0) {
  43.             console.log(res);
  44.         } else {
  45.             console.log(res);
  46.         }
  47.     },
  48.     error: function () {
  49.         console.log('请求系统异常');
  50.     }
  51. });
  53. // 2.+
  54. var list = new Array();
  55. list.push('1.jpg');
  56. list.push('2.jpg');
  57. list.push('3.jpg');
  58. var dataJSON = {'list':list}
  59. var dataJSONStr = JSON.stringify(dataJSON);
  60. $.ajax({
  61.     url:"/api/admin/about-JK/edit-JK-text",
  62.     contentType:'application/json',
  63.     type: "POST",
  64.     // 期待服务器返回的类型：json、jsonp、text ... 此参数加上最好
  65.     dataType: "json",
  66.     data: dataJSONStr,
  67.     dataType: "json",
  68.     success: function (res) {
  69.         if (res.code == 0) {
  70.             console.log(res);
  71.         } else {
  72.             console.log(res);
  73.         }
  74.     },
  75.     error: function () {
  76.         console.log('请求系统异常');
  77.     }
  78. });
  80. // 3.
  81. var carouselLink = new Array();
  82. carouselLink.push('1.jpg');
  83. carouselLink.push('2.jpg');
  84. carouselLink.push('3.jpg');
  86. var list = JSON.stringify(carouselLink);
  87. $.ajax({
  88.     url:"/api/admin/about-JK/edit-JK-text",
  89.     contentType:'application/json',
  90.     type: "POST",
  91.     // 期待服务器返回的类型：json、jsonp、text ... 此参数加上最好
  92.     dataType: "json",
  93.     data:list,
  94.     dataType: "json",
  95.     success: function (res) {
  96.         if (res.code == 0) {
  97.             console.log(res);
  98.         } else {
  99.             console.log(res);
  100.         }
  101.     },
  102.     error: function () {
  103.         console.log('请求系统异常');
  104.     }
  105. });

controller

  1. // 4.
  2. @PostMapping("/api/admin/about-JK/edit-JK-text")
  3. public JsonData editAboutJKTextAdmin(List<String> list) {
  4.     System.out.println(list);
  6.     return null;
  7. }
  9. // 5.
  10. @PostMapping("/api/admin/about-JK/edit-JK-text")
  11. public JsonData editAboutJKTextAdmin(@RequestBody List<String> list) {
  12.     System.out.println(list);
  14.     return null;
  15. }
  17. // 6.
  18. @PostMapping("/api/admin/about-JK/edit-JK-text")
  19. public JsonData editAboutJKTextAdmin(AboutJKVo aboutJKVo) {
  20.     System.out.println(aboutJKVo);
  22.     return null;
  23. }
  25. // 7.
  26. @PostMapping("/api/admin/about-JK/edit-JK-text")
  27. public JsonData editAboutJKTextAdmin(@RequestBody AboutJKVo aboutJKVo) {
  28.     System.out.println(aboutJKVo);
  30.     return null;
  31. }

vo

  1. @Data
  2. @AllArgsConstructor
  3. @NoArgsConstructor
  4. public class AboutJKVo implements Serializable {
  5.     private List<String> list;
  6. }

结果

1 和 4 500 NoSuchMethodException

1 和 5 400 JSON parse error

1 和 6 无报错，但为null

1 和 7 400 JSON parse error

2 和 4 500 NoSuchMethodException

2 和 5 400 JSON parse error

2 和 6 无报错，但为null

2 和 7 400 JSON parse error

3 和 4 500 NoSuchMethodException

3 和 5 success！

3 和 6 无报错，但为null

3 和 7 400 JSON parse error

2+ 和 4 500 NoSuchMethodException

2+ 和 5 400 JSON parse error

2+ 和 6 无报错，但为null

2+ 和 7 success！

4.restful下传递单参

ajax

  1. // 1.
  2. var professionScale = 'aaa'
  4. $.ajax({
  5.     url:"/api/admin/about-JK/edit-JK-text",
  6.     contentType:'application/json',
  7.     type: "POST",
  8.     // 期待服务器返回的类型：json、jsonp、text ... 此参数加上最好
  9.     dataType: "json",
  10.     data: professionScale,
  11.     dataType: "json",
  12.     success: function (res) {
  13.         if (res.code == 0) {
  14.             console.log(res);
  15.         } else {
  16.             console.log(res);
  17.         }
  18.     },
  19.     error: function () {
  20.         console.log('请求系统异常');
  21.     }
  22. });
  24. // 2.
  25. var professionScale = 'aaa'
  27. $.ajax({
  28.     url:"/api/admin/about-JK/edit-JK-text",
  29.     contentType:'application/json',
  30.     type: "POST",
  31.     // 期待服务器返回的类型：json、jsonp、text ... 此参数加上最好
  32.     dataType: "json",
  33.     data:{'professionScale':professionScale},
  34.     dataType: "json",
  35.     success: function (res) {
  36.         if (res.code == 0) {
  37.             console.log(res);
  38.         } else {
  39.             console.log(res);
  40.         }
  41.     },
  42.     error: function () {
  43.         console.log('请求系统异常');
  44.     }
  45. });
  47. // 3.
  48. var professionScale = 'aaa'
  50. var dataJSON = {'professionScale':professionScale}
  51. var dataJSONStr = JSON.stringify(dataJSON);
  52. $.ajax({
  53.     url:"/api/admin/about-JK/edit-JK-text",
  54.     contentType:'application/json',
  55.     type: "POST",
  56.     // 期待服务器返回的类型：json、jsonp、text ... 此参数加上最好
  57.     dataType: "json",
  58.     data: dataJSONStr,
  59.     dataType: "json",
  60.     success: function (res) {
  61.         if (res.code == 0) {
  62.             console.log(res);
  63.         } else {
  64.             console.log(res);
  65.         }
  66.     },
  67.     error: function () {
  68.         console.log('请求系统异常');
  69.     }
  70. });

controller

  1. // 4.
  2. @PostMapping("/api/admin/about-JK/edit-JK-text")
  3. public JsonData editAboutJKTextAdmin(String professionScale) {
  4.     System.out.println(professionScale);
  6.     return null;
  7. }
  9. // 5.
  10. @PostMapping("/api/admin/about-JK/edit-JK-text")
  11. public JsonData editAboutJKTextAdmin(@RequestBody String professionScale) {
  12.     System.out.println(professionScale);
  14.     return null;
  15. }
  17. // 6.
  18. @PostMapping("/api/admin/about-JK/edit-JK-text")
  19. public JsonData editAboutJKTextAdmin(AboutJKVo aboutJKVo) {
  20.     System.out.println(aboutJKVo);
  22.     return null;
  23. }
  25. // 7.
  26. @PostMapping("/api/admin/about-JK/edit-JK-text")
  27. public JsonData editAboutJKTextAdmin(@RequestBody AboutJKVo aboutJKVo) {
  28.     System.out.println(aboutJKVo);
  30.     return null;
  31. }

vo

  1. @Data
  2. @AllArgsConstructor
  3. @NoArgsConstructor
  4. public class AboutJKVo implements Serializable {
  5.     private String professionScale;
  6. }

结果

1 和 4 无报错，但为null

1 和 5 success！

1 和 6 无报错，但为null

1 和 7 JSON parse error: Unrecognized token 'aaa'

2 和 4 无报错，但为null

2 和 5 错误的值 professionScale = "professionScale=aaa"

2 和 6 无报错，但为null

2 和 7 JSON parse error: Unrecognized token 'professionScale'

3 和 4 无报错，但为null

3 和 5 错误的值 professionScale = "{"professionScale":"aaa"}"

3 和 6 无报错，但为null

3 和 7 success！

ajax前后台通信验错的更多相关文章

  1. flask+sqlite3+echarts2+ajax数据可视化报错：UnicodeDecodeError: 'utf8' codec can't decode byte解决方法

    flask+sqlite3+echarts2+ajax数据可视化报错: UnicodeDecodeError: 'utf8' codec can't decode byte 解决方法: 将 py文件和 ...

  2. ajax 异步 通信 小例子 servlet与 jsp异步 get

    get  请求参数通过 url那里写进去,然后send(null) html文件和 servlet进行通信 通过ajax 进行通信 <!DOCTYPE html PUBLIC "-// ...

  3. ajax jsonp请求报错not a function的解决方案

    概述 最近工作中使用ajax,有时会报json4 is not a function的错误,有时又不会报错.找了很久,网上说是因为多次请求同一个资源导致的,但是我检查了自己的代码,对于重复资源并没有重 ...

  4. 火狐浏览器调试ajax异步页面时报错NS_ERROR_UNEXPECTER

    第一个直观的结论就是ajax调用出错,如果其他浏览器却调用没报错,而且正常返回值了,那么就是Firefox浏览器的问题了: 如果其他浏览器也没余完全正常执行,而是出现和我上一篇ajax向后台请求数据, ...

  5. javascript使用web proxy来实现ajax cross-domain通信

    在现代浏览器中,都强加了对javacript代码的访问限制,比如一个页面的js无法向非同源的url实现ajax请求,获得数据.在这时,是浏览器端会报错: No 'Access-Control-Allo ...

  6. ajax 异步 通信 小例子 servlet与 jsp异步 post方法

    post请求 url后面加参数 接收不到的,必须 放到send("use"=user)形式 还要加上 xhr.setRequestHeader("Content-Type ...

  7. LigerUI用Post\Get\Ajax前后台交互方式的写法

    parms 参数统一 json格式的数据 url 访问后台的url 设置同步参数 [javascript] view plain copy   $.ajaxSetup({ async : false} ...

  8. ajax post 请求报错Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' heade

    jquery ajax跨域请求,webapi webconfig配置 前台代码(放了一部分) function CheckIn(roomno) { $.ajax({ url: 'https://www ...

  9. Websocket实现前后台通信，demo小测试

    新需求大概如下:用户登录系统,登录成功之后建立websocket连接,实现通信 总体思路:前端不是我负责,只是简单的做个功能,先实现登录,把用户标识存入HttpSeesion,再建立websocket ...

随机推荐

  1. final修饰符(5)-final方法

    final修饰的类的方法不能被重写,例如如果父类不希望子类重写某个方法,则可以使用final修饰符修饰该方法 在java的Object类里面有一个final方法:getClass(),因为Java不希 ...

  2. IDEA工具-自动导包去除星号（import xx.xx.*）

    打开设置>Editor>Code Style>Java>Scheme Default>Imports 设置导入类数值阈值,默认同包类是超过5个变成*,静态导入超过3个变成 ...

  3. sql server2016安装网址

    https://www.microsoft.com/zh-cn/download/details.aspx?id=54284 SQl server 2008 附加数据库失败如何解决: https:// ...

  4. c# checkedListBox设置多列横向显示 经验总结

    1. 设置checkedListBox的MultiColumn 属性为true; 2. 调整checkedListBox的宽度,调整ColumnWidth的宽度

  5. Guava - Set集合

    当我们在统计一个字符串中每个单词出现的次数时,通常的做法是分割字符串,遍历字符串,然后放到一个map里面,来进行统计,Guava中提供了类似功能的集合,Multiset String strWorld ...

  6. Vue框架主要内容学习总结

    Vue框架体系主要内容: 1. vue核心语法和用法: 2. vue-router--路由.路由相当于访问路径,将访问路径与vue组件映射起来.传统方式常采用超链接实现路径或页面之间的切换, 而在vu ...

  7. 【Linux服务器双IP配置】如何实现不同IP的双网卡同时上网？

    一.环境和知识预备 我遇到问题的生产机器是CentOS release 6.8系统,不过这并不影响问题的解决,本质上都是一样的. 网关:一个网络连接到另一个网络的关口,也就是实现网络互连,俗称网络连接 ...

  8. VS2013导入新项目时，连接数据库问题。

    用VS2013导入项目进行学习时,导入数据库会报数据库登陆不上的错误... 解决方法: 1.将其自带的数据库连接先删除,使用自己的sql server数据库将项目数据库先附加进去, 2.附加进去后,再 ...

  9. 定时任务quartz

      pom引入 <dependency> <groupId>org.quartz-scheduler</groupId> <artifactId>qua ...

  10. 解决iOS上网页滑动不流畅问题

    body { overflow:auto; /* 用于 android4+,或其他设备 */ -webkit-overflow-scrolling:touch; /* 用于 ios5+ */ }说明: ...