介绍Spring中ajax与后台传输数据的几种方式
ajax栏目介绍与后台传输数据的方法
推荐（免费）：ajax
最近写ajax与后台传输数据的时候碰到了一个问题，我想ajax以json的方式把数据传输个后台，后台用map的形式接收，然后也以map的形式传回数据。可是一直碰到前台报（*）（@415 Unsupported media type) 不支持媒体类型错误，然后经过查阅资料终于解决了。这里总结下关于ajax与后台传输数据的几种方式，上面问题的解决方法在本文最后。
1.把数据放到url中传递
js：
<code>
var id = $("#id").val();
$.ajax({
type: "POST",
url: "/IFTree/people/getPeopleById/"+id,//参数放在url中
success:function(data){ alert(data);
},
error:function(xhr, textStatus, errorThrown) {
}
});
</code>登录后复制
后台：
<code></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">@RequestMapping(value = "getPeopleById/{id}")
@ResponseBody
public Map<String, Object> getPeopleById(@PathVariable("id") int id) {
//@PathVariable("id") 如果参数名与url定义的一样注解可以不用定义("id")
System.out.println(id);
Map<String, Object> map = new HashMap<String, Object>();
return map;
}
}登录后复制
2.把数据放到data中
js：
<code>
var id = $("#id").val();
$.ajax({
type: "POST",
url: "/IFTree/people/getPeopleById",
data: {id:id},
success:function(data){ alert(data.result);
},
error:function(xhr, textStatus, errorThrown) {
}
});
</code>登录后复制
后台（两个方式）：
<code></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">@RequestMapping(value = "getPeopleById")
@ResponseBody
public Map<String, Object> getPeopleById(HttpServletRequest request,HttpServletResponse response) {
int id = Integer.valueOf(request.getParameter("id"));
Map<String, Object> map = new HashMap<String, Object>();
return map;
}登录后复制
@RequestMapping(value = "getPeopleById")
@ResponseBody
public Map<String, Object> getPeopleById(HttpServletRequest request,HttpServletResponse response) {
int id = Integer.valueOf(request.getParameter("id"));
// 这里得到的都是字符串得转换成你需要的类型
Map<String, Object> map = new HashMap<String, Object>();
return map;
}登录后复制
3.以json传输（就是开头说的情况）
js（包含一些常见的ajax参数解释）：
<code>
var id = $("#id").val();
$.ajax({
type: "POST",//请求类型
timeout：10000, //设置请求超时时间（毫秒）
async:ture,//是否为异步请求
cache:false,//是否从浏览器缓存中加载请求信息。
url: "/IFTree/people/getPeopleById",
contentType: "application/json;charset=UTF-8",//提交的数据类型
data: JSON.stringify({id:id}),//这里是把json转化为字符串形式
dataType: "json",//返回的数据类型
success:function(data){
$("#name").val(data.result.name);
},
error:function(xhr, textStatus, errorThrown) {
}
});
});
</code>登录后复制
后台：
<code></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">@RequestMapping(value = "getPeopleById", produces = "application/json")
@ResponseBody
public Map<String, Object> getPeopleById(@RequestBody Map<String, Object> body){
System.out.println(""+body.get("id"));
People people = peopleService.getPeopleById(Integer.valueOf((String)body.get("id")));
Map<String, Object> map = new HashMap<String, Object>();
map.put("result", people);
return map;
}登录后复制
