Ajax实现的前后端交互

springMVC框架中的@ResponseBody注解可以实现后端返回Jason数据

@ResponseBody
public List showStudentByPageNumber(String classID,String pageNumber){
return iStudentService.showStudentByPage(classID,pageNumber);
}

可以通过谷歌的插件Postman，进行后端传过来的Jason数据的测试

前端通过ajax请求接受数据，如下代码有详细注解

//简单分页功能之查询
$("#queryButton").click(function () {

var classID = $("#queryClassId").val();
var pageNumber = $("#pageNumber").val().trim();

//ajax请求
$.ajax({
//请求方式
type: 'GET',
//路径
url: 'http://localhost:8080/student/pageNumber',
//传递的参数
data: {classID:classID,pageNumber:pageNumber},
xhrFields: {
withCredentials: true
},
crossDomain: true,
//返回的数据类型
dataType: "json",
//回调函数 ,成功时返回的数据存在形参data里
success: function(data){

alert(data[1].studentName);
},
error: function(){
alert("连接失败");
}
});
});