以前跟着视频学习时候就了解到,ajax是能够不刷新整个页面状况下,进行数据交换和更新。学习完后,为了加深理解,特意从新研究了下ajax和JSON之间的交互。javascript
注意,要使用ajax,须要先引用jquery!html
1.一、在pom引入json和jackson的jar包前端
net.sf.json-lib
json-lib
2.4
jdk15
com.fasterxml.jackson.core
jackson-databind
2.8.8.1
这样,引入后就能够直接使用@ResponseBody 来注解方法,并封装JSONjava
1.2 前端发送ajax请求
代码以下(test.jsp,目录在webapp下)jquery
Title用户名:
密码:
$(function () {
$("#b1").click(function () {
$.ajax({
url: "/zyf/test", //后台url
data: { //数据
name:$("input[name='name']").val(),
pw:$("input[name='pw']").val()
},
type: "POST", //类型,POST或者GET
dataType: 'json', //数据返回类型