ajax在spring中,Spring中ajax与后台传输数据的几种方式

最近写ajax与后台传输数据的时候碰到了一个问题，我想ajax以json的方式把数据传输个后台，后台用map的形式接收，然后也以map的形式传回数据。可是一直碰到前台报(*)(@415 Unsupported media type) 不支持媒体类型错误，然后经过查阅资料终于解决了。这里总结下关于ajax与后台传输数据的几种方式，上面问题的解决方法在本文最后。

1.把数据放到url中传递

js：

var id = $("#id").val();

$.ajax({

type: "POST",

url: "/IFTree/people/getPeopleById/"+id,//参数放在url中

success:function(data){ alert(data);

},

error:function(xhr, textStatus, errorThrown) {

}

});

后台：

@RequestMapping(value = "getPeopleById/{id}")

@ResponseBody

public Map getPeopleById(@PathVariable("id") int id) {

//@PathVariable("id") 如果参数名与url定义的一样注解可以不用定义("id")

System.out.println(id);

Map map = new HashMap();

return map;

}

}

2.把数据放到data中

js：

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) {

}

});

后台(两个方式)：

@RequestMapping(value = "getPeopleById")

@ResponseBody

public Map getPeopleById(HttpServletRequest request,HttpServletResponse response) {

int id = Integer.valueOf(request.getParameter("id"));

Map map = new HashMap();

return map;

}

@RequestMapping(value = "getPeopleById")

@ResponseBody

public Map getPeopleById(HttpServletRequest request,HttpServletResponse response) {

int id = Integer.valueOf(request.getParameter("id"));

// 这里得到的都是字符串得转换成你需要的类型

Map map = new HashMap();

return map;

}

3.以json传输(就是开头说的情况)

js(包含一些常见的ajax参数解释)：

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) {

}

});

});

后台：

@RequestMapping(value = "getPeopleById", produces = "application/json")

@ResponseBody

public Map getPeopleById(@RequestBody Map body){

System.out.println(""+body.get("id"));

People people = peopleService.getPeopleById(Integer.valueOf((String)body.get("id")));

Map map = new HashMap();

map.put("result", people);

return map;

}

详解：

@RequestBody

该注解首先读取request请求的正文数据，然后使用默认配置的HttpMessageConverter进行解析，把数据绑定要对象上面，然后再把对象绑定到controllor中的参数上。

@ResponseBody

该注解也是一样的用于将Controller的方法返回的对象，通过的HttpMessageConverter转换为指定格式后，写入到Response对象的body数据区。

Srping mvc .xml(配置转换器)

application/json;charset=UTF-8

ByteArrayHttpMessageConverter: 负责读取二进制格式的数据和写出二进制格式的数据；

StringHttpMessageConverter： 负责读取字符串格式的数据和写出二进制格式的数据；

ResourceHttpMessageConverter：负责读取资源文件和写出资源文件数据；

FormHttpMessageConverter： 负责读取form提交的数据

MappingJacksonHttpMessageConverter: 负责读取和写入json格式的数据；

SouceHttpMessageConverter： 负责读取和写入 xml 中javax.xml.transform.Source定义的数据；

Jaxb2RootElementHttpMessageConverter: 负责读取和写入xml 标签格式的数据；

AtomFeedHttpMessageConverter: 负责读取和写入Atom格式的数据；

RssChannelHttpMessageConverter: 负责读取和写入RSS格式的数据；

项目里面我用到的只有json转换器，所以要导入关于json的包(maven):

org.codehaus.jackson

jackson-core-asl

1.9.11

org.codehaus.jackson

jackson-mapper-asl

1.9.11

同样controller中参数也能以实体类的方式接收数据，

开始一直报(415 Unsupported media type)的错误是因为配置文件没有写对也没导入相应的包。

如果有哪里不足或错误的地方望提出，谢谢_