一、前言:
Ajax:
在不重新加載整個(gè)頁(yè)面的前提下,對(duì)網(wǎng)頁(yè)的部分進(jìn)行刷新,例如點(diǎn)贊,發(fā)送短信驗(yàn)證碼功能等等,都可以通過(guò)ajax進(jìn)行實(shí)現(xiàn),Ajax實(shí)現(xiàn)了網(wǎng)頁(yè)的異步刷新
想要實(shí)現(xiàn)的效果,點(diǎn)擊按鈕,前端顯示后臺(tái)發(fā)送過(guò)來(lái)的學(xué)生信息,本次我們使用jquery形式的Ajax來(lái)完成
二、使用步驟
1.引入jar
jar:
jackson-annotation.jar
jackson-core.jar
jackson-datebind.jar
如果不使用Maven,引入時(shí)要確保jar包版本一致問(wèn)題,否則會(huì)引發(fā)異常
2.Person類
jar: jackson-annotation.jar jackson-core.jar jackson-datebind.jar
3.前端頁(yè)面
package com.lanqiao.entity;
public class Person {
private int id;
private String name;
private int age;
public Person() {
super();
// TODO Auto-generated constructor stub
}
public Person(int id, String name, int age) {
super();
this.id = id;
this.name = name;
this.age = age;
}
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
}
4.Controller
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" language="java" isErrorPage="true"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript" src="https://atts.w3cschool.cn/attachments/jquery-3.4.1.js"></script>
<script type="text/javascript">
$(function () {
$("#testJson").click(function(){
//通過(guò)Ajax請(qǐng)求springmvc
$.post(
//請(qǐng)求的服務(wù)器地址
"testJson",
//服務(wù)端處理完畢的回調(diào)函數(shù)
function (result) {
for(var i=0;i<result.length;i++){
alert(result[i].id+","+result[i].name+","+result[i].age);
}
}
)
});
});
</script>
<body>
<input type="button" value="testJson" id="testJson">
</body>
</html>
@ResponseBody修飾的方法,會(huì)將該方法的返回值以一個(gè)json數(shù)組的形式返回給前臺(tái),它告訴SpringMVC,此時(shí)的返回不是一個(gè)View頁(yè)面,而是一個(gè)ajax調(diào)用的返回值(Json數(shù)組)
## 5.測(cè)試
到此這篇關(guān)于 SpringMVC 通過(guò) Ajax 處理 Json 數(shù)據(jù)的詳細(xì)過(guò)程的文章就介紹到這了,想要了解更多相關(guān) SpringMVC 的其他內(nèi)容請(qǐng)搜索W3Cschool以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持!