Ajax知识点总结.docVIP

前后端的传输方式 前端和服务器数据的传输方式 常用 的两种， 1.一种是以表单的形式提交，此时可以利用jquery的serialize()方法将表单内容转为a=1b=2c=3d=4e=5这样的格式传输过去，接收端则可以用javabean直接接收。 2.还有一种方式是以json格式传输，接收时若直接用bean接收则接收不到，此时应该用@RequestBody方式，需要注意的是接收的需要是json串，而不是json对象，可以在发送前使用JSON.stringify函数进行处理。 表单提交(返回值类型为String) 后台 @ResponseBody public String phoneyanzheng(HttpServletRequest request,HttpServletResponse response) { MapString, Object map = new HashMapString, Object(); String info=”测试使用”; map.put(msg, info); return new Gson().toJson(map);//回到原页面} 前台 c:set var=ctx value=${pageContext.request.contextPath} / $.ajax({ type : POST, dataType: json, url : ${ctx}/bbs/login/getCode, data : $(#userform).serialize(),//userform为表单id success : function(result) { alert(result.msg);} }); JSON提交 (返回值为bean) 后台@RequestMapping(value=/testConverter.html)@ResponseBody //只有是键值对的形式的数据,如map,json,对象,ajax不能回调不是键/值对形式的参数,如返回类型是String,xmlHTTP.responseText得到始终是字符串或者文本流，看了一些资料基本上返回的流都是{a: 1, b: 2} 这种类型的字符串,在这里利用该注解把对象转换为json数据,在前台就无需再转换? public User testConverter(@RequestBody User? user){ //参数user会自动回显到页面不需要springMVC的addobject()方法; ??? ??? user.setUserName(testname);??? ?????? ??? return user;??? ??????} 前台var url=path+testConverter.html;???$.ajax( {??? url : url,??? type : POST,???? dataType:json,??? contentType:application/json;charset=UTF-8,很重要??? data:JSON.stringify({“userId”:”1”,”userName”:”hello”,”password”:”test”},??? success : function(data) {??? ??? alert(data.userName);?//date 就相当于返回的user????? }, });? @RequestBody注解用于读取Request请求的body部分数据,使用系统默认配置的HttpMessageConverter进行解析,然后把相应的数据绑定到要返回的对象上,再把HttpMessageConverter返回的对象数据绑定到controller中方法的参数上,在本例中,把前台的json字符串数据绑定到对象的相应属性,@RequestBody注解根据request对象header部分的Content-Type类型逐一匹配合适的HttpMessageConverter来读取数据, Json对象转换字符串可以使用到json2.js的JSON.stringify()方法 @responseBody用于将controller方法返回的对象通过适当的HttpMessageConverter转换为指定的个时候写入response对象的body数据区,使用时机是返回的数据不是html标签页面(跳转路径),而是某种其他格式的数据,时(如json,XML等)使用,一般在异步获取数据时使用,@responseBody注解根据request对象header部分的Accept