小編給大家分享一下如何實現Springmvc處理ajax請求并返回json數據,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討方法吧!
①在springmvc方法上添加@ResponseBody注解,springmvc會將數據轉換成json并返回;
@ResponseBody //指定返回json數據,不跳轉頁面 @RequestMapping("/list") public List<User> list(User user){ System.out.println("獲取到異步請求數據:"+user); //todo 根據條件做數據庫查詢,返回結果集合 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="異步加載數據"/> <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”時,在方法的參數前添加@RequestBody注解,獲取傳遞的json字符串,并封裝到對象中;
@ResponseBody //指定返回json數據,不跳轉頁面 @RequestMapping("/list") public List<User> list(@RequestBody(required=false) User user){ System.out.println("獲取到異步請求數據:"+user); //todo 根據條件做數據庫查詢,返回結果集合 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="異步加載數據"/> <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方式傳輸數據 success:function (result) { alert("請求成功!") console.log(result) } }) }) }) </script> </body>
看完了這篇文章,相信你對如何實現Springmvc處理ajax請求并返回json數據有了一定的了解,想了解更多相關知識,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。