溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下如何實現(xiàn)Springmvc處理ajax請求并返回json數(shù)據(jù)，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討方法吧！
①在springmvc方法上添加@ResponseBody注解，springmvc會將數(shù)據(jù)轉換成json并返回；
@ResponseBody //指定返回json數(shù)據(jù)，不跳轉頁面
@RequestMapping("/list")
public List<User> list(User user){
System.out.println("獲取到異步請求數(shù)據(jù)："+user);
//todo 根據(jù)條件做數(shù)據(jù)庫查詢，返回結果集合
ArrayList<User> users=new ArrayList<>();
users.add(new User(1,"james",18,"男"));
users.add(new User(2,"姚明",40,"男"));
users.add(new User(3,"科比",46,"男"));
return users;
}list.jsp頁面中代碼為：
<body>
<input type="button" id="btn" value="異步加載數(shù)據(jù)"/>
<script src="${pageContext.request.contextPath}/static/js/jquery-3.2.1.min.js"></script>
<script>
$(function ($) {
$("#btn").click(function () {
$.ajax({
url:"${pageContext.request.contextPath}/list",
type:"post",
data:{"name":"james","age":18},
dataType:"json",
success:function (result) {
alert("請求成功！")
console.log(result)
}
})
})
})
</script>
</body>②如果contentType=”application/json”時，在方法的參數(shù)前添加@RequestBody注解，獲取傳遞的json字符串，并封裝到對象中；
@ResponseBody //指定返回json數(shù)據(jù)，不跳轉頁面
@RequestMapping("/list")
public List<User> list(@RequestBody(required=false) User user){
System.out.println("獲取到異步請求數(shù)據(jù)："+user);
//todo 根據(jù)條件做數(shù)據(jù)庫查詢，返回結果集合
ArrayList<User> users=new ArrayList<>();
users.add(new User(1,"james",18,"男"));
users.add(new User(2,"姚明",40,"男"));
users.add(new User(3,"科比",46,"男"));
return users;
}list.jsp頁面中代碼為：
<body>
<input type="button" id="btn" value="異步加載數(shù)據(jù)"/>
<script src="${pageContext.request.contextPath}/static/js/jquery-3.2.1.min.js"></script>
<script>
$(function ($) {
$("#btn").click(function () {
var jsonObj={"name":"james","age":18};
$.ajax({
url:"${pageContext.request.contextPath}/list",
type:"post",
data:JSON.stringify(jsonObj),//json字符串 將json對象轉化為字符串
dataType:"json",
contentType:"application/json",//指定以json方式傳輸數(shù)據(jù)
success:function (result) {
alert("請求成功！")
console.log(result)
}
})
})
})
</script>
</body>看完了這篇文章，相信你對如何實現(xiàn)Springmvc處理ajax請求并返回json數(shù)據(jù)有了一定的了解，想了解更多相關知識，歡迎關注億速云行業(yè)資訊頻道，感謝各位的閱讀！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。
