2021-05-12 14:32:11
Controller怎麼解析前台的JSON
MVC全名是Model View Controller,是模型(model)-檢視(view)-控制器(controller)的縮寫,一種軟體設計典範,用一種業務邏輯、資料、介面顯示分離的方法組織程式碼,將業務邏輯聚集到一個部件裏面,在改進和個性化客製化介面及使用者互動的同時,不需要重新編寫業務邏輯。MVC被獨特的發展起來用於對映傳統的輸入、處理和輸出功能在一個邏輯的圖形化使用者介面的結構中。
1
第一步:思路整理。
1、springmvc已經對json資料進行了解析,只要屬性名字和後台實體類的名字對應上就會自動複製。
2
第二步:後臺程式碼編寫。
package com.example.download;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RestController;import org.springframework.web.servlet.ModelAndView;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import java.util.Map;@RestControllerpublic class JsonController { @RequestMapping("toIndex") public ModelAndView toIndex(HttpServletRequest request, HttpServletResponse response){ //想資料庫請求查詢得到原始檔名展示 ModelAndView mv = new ModelAndView("index"); mv.addObject("name","火影"); return mv; } @RequestMapping("jsonTest") public void jsonTest(HttpServletRequest request, HttpServletResponse response, User user){ System.out.println(user.getName()); System.out.println(user.getSex()); }}
3
第三步:前天程式碼編寫。
1、引入jquery <script src="../jquery-3.3.1.min.js"></script
2、編寫html和js程式碼 <button onclick="testJson()">ajax請求json資料</button> <script> function testJson(){ $.ajax({ type: "GET", dataType: "json", url: '/jsonTest', data: {name:"張三",sex:"男"}, success: function (data) { } }); } </script>
4
第三步:測試。
1、開啟頁面
2、後台控制台資訊展示,前台json資料轉為了user物件
相關文章