首頁 > 軟體

Controller怎麼解析前台的JSON

2019-12-12 05:27:05

      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物件




IT145.com E-mail:sddin#qq.com