常用的前端和服务器数据的传输方式

前端和服务器数据的传输方式常用的有两种:

一、一种是以表单的形式提交,此时可以利用jquery的serialize()方法将表单内容转为a=11&b=22这样的格式传输过去,接收端则可以用javabean直接接收。 
二、另一种是以json格式传输,接收时若直接用bean接收则接收不到,此时后端也可以有两种接收方式:

1.后端用httpServletRequest中request.getParament("字段名")一个一个接收前端传过来的数据

2.用@RequestBody方式,需要注意的是接收的需要是json串,而不是json对象,可以在发送前使用JSON.stringify函数进行处理。(对于表单提交到后台的,需要将表单格式的数据转换为json字符串格式,需要引入组件“jquery.serializejson.js”,具体请看文章“前端:form表单转换为Json数据

使用@RequestBody接收的例子如下:

//获取表单数据
function onGetParam() {
    var data = liger.get("form2").getData();
   //alert(JSON.stringify(data));
   return JSON.stringify(data);
}
$.ajax({
    url:"mainRole/main_role_add",
    contentType:"application/json;charset=UTF-8",
    data:onGetParam(),
    dataType:"json",
    type:"post",
    success:function(data){
    @RequestMapping("/main_role_add")
    @ResponseBody
    public Map insertMainFlowRole(@RequestBody MainRole mainRole){
        Map resultMap = new HashMap();
        try {
            mainRoleService.insertMainFlowRole(mainRole);
            resultMap.put("status", 1);
        } catch (Exception e) {
            e.printStackTrace();
            resultMap.put("errMsg", e.getMessage());
        }
        return resultMap;
    }

此时并不是万事大吉了,很大的可能会报错,我就出现了,报错内容如下:

the server responded with a status of 415 (Unsupported Media Type)
出现这样的错误从以下几个方面去寻找错误原因:

1.在前端ajax中是否加了contentType:"application/json;charset=UTF-8",这一项
2.在xml配置中加入
3.带入包jackson-mapper-asl-1.9.13.jar

你可能感兴趣的:(json)