SpringMVC教程之json交互使用详解

2024-02-24 07:00:06 47

json数据交互

1.1@RequestBody

作用：@RequestBody注解用于读取http请求的内容(字符串)，通过springmvc提供的HttpMessageConverter接口将读到的内容转换为json、xml等格式的数据并绑定到controller方法的参数上。

本例子应用：@RequestBody注解实现接收http请求的json数据，将json数据转换为Java对象

1.2@ResponseBody

作用：该注解用于将Controller的方法返回的对象，通过HttpMessageConverter接口转换为指定格式的数据如：json,xml等，通过Response响应给客户端

本例子应用：@ResponseBody注解实现将controller方法返回对象转换为json响应给客户端

1.3请求json，响应json实现：

1.3.1环境准备

Springmvc默认用MappingJacksonHttpMessageConverter对json数据进行转换，需要加入jackson的包，如下：

1.3.2配置json转换器

在注解适配器中加入messageConverters

注意：如果使用则不用定义上边的内容。

1.3.3controller编写

//商品修改提交json信息，响应json信息

@RequestMapping("/editItemSubmit_RequestJson")

public@ResponseBodyItemseditItemSubmit_RequestJson(@RequestBodyItemsitems)throwsException{

System.out.println(items);

//itemService.saveItem(items);

returnitems;



}

1.3.4页面js方法编写：

引入js：

//请求json响应json

functionrequest_json(){

$.ajax({

type:"post",

url:"${pageContext.request.contextPath}/item/editItemSubmit_RequestJson.action",

contentType:"application/json;charset=utf-8",

data:'{"name":"测试商品","price":99.9}',

success:function(data){

alert(data);

}

});

}

1.4Form提交，响应json实现：

采用form提交是最常用的作法，通常有post和get两种方法，响应json数据是为了方便客户端处理，实现如下：

1.4.1环境准备

同第一个例子

1.4.2controller编写

//商品修改提交，提交普通form表单数据，响应json

@RequestMapping("/editItemSubmit_ResponseJson")

public@ResponseBodyItemseditItemSubmit_ResponseJson(Itemsitems)throwsException{



System.out.println(items);



//itemService.saveItem(items);

returnitems;

}

1.4.3页面js方法编写：

functionformsubmit(){

varuser="name=测试商品&price=99.9";

alert(user);

$.ajax(

{

type:'post',//这里改为get也可以正常执行

url:'${pageContext.request.contextPath}/item/editItemSubmit_RequestJson.action',

//ContentType没指定将默认为：application/x-www-form-urlencoded

data:user,

success:function(data){

alert(data.name);

}

}

)

}

从上边的js代码看出，已去掉ContentType的定义，ContentType默认为：application/x-www-form-urlencoded格式。

1.4.4jquery的form插件插件

针对上边第二种方法，可以使用jquery的form插件提交form表单，实现ajax提交form表单，如下：

引用js：

js方法如下：

functionresponse_json(){

//form对象

varformObj=$("#itemForm");

//执行ajax提交

formObj.ajaxSubmit({

dataType:"json",//设置预期服务端返回json

success:function(responseText){

alert(responseText);

}

});

}

1.4.5小结

实际开发中常用第二种方法，请求key/value数据，响应json结果，方便客户端对结果进行解析。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

SpringMVC教程之json交互使用详解

热门推荐

随机推荐