Ajax的坑

文章目录

contentType与json

错误写法:(但是运行没问题)
前端:

/* 获取了表单项内容 该变量数据格式为 k1=v1&k2=v2 */
var course_update_form_info = deco deURIComponent($("#course-update-form input").serialize(),true);
/* KVtoJson方法是将k1=v1&k2=v2转换为{k1:v1,k2:v2}格式*/ 
var jsonData = KVtoJson(course_update_form_info);
$.ajax({
	...,
	data: JSON.stringify(jsonData),
	contentType : "application/json",
	...
});

后端:

@PostMapping("/admin/course")
    public void updateCourseInfo(@RequestBody Course course){//前端传送的是json字符串 后端无法自动封装
        courseService.updateCourseInfo(course);
    }

正确写法:
前端:

/* 获取了表单项内容 该变量数据格式为 k1=v1&k2=v2 */
var course_update_form_info = deco deURIComponent($("#course-update-form input").serialize(),true);
$.ajax({
	...,
	data: course_update_form_info,
	//contentType可以不写,默认值即为application/x-www-form-urlencoded
	contentType : "application/x-www-form-urlencoded",
	...
});

后端:

@PostMapping("/admin/course")
    public void updateCourseInfo(Course course){
        courseService.updateCourseInfo(course);
    }

总结:
①ajax 如果发送的是json字符串,服务端接收时必须要使用@RequestBody注解。
始终记住,json字符串,"application/json”,@RequestBody 这三者之间是一一对应的,要有都有,要没有都没有。
②如果发送的是json对象,contentType不能设置为"application/json”,需使用默认的类型(application/x-www-form-urlencoded,为什么呢?这种类型最后还是会把json对象类型的参数转为user=username&pass=password这种形式后再发送,需要明白一点:这种转换时只能识别json对象类型,不能识别json字符串类型。
③简单的json对象对于application/x-www-form-urlencoded是可以处理的,因为它会把json对象转换成k1=v1&k2=v2类型;但是对于复杂的json对象,application/x-www-form-urlencoded是无法处理的,所有才有了application/json格式。
参考链接.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值