1. 程式人生 > >Java學習——前後端資料互動(一)

Java學習——前後端資料互動(一)

當前的結果是提交之後js內有響應。不知道原因在哪個地方,下面是當前瞭解的一些知識。

1、在html頁面要連結到js頁面,要有個這樣的東西(html頁面

2、在js頁面要定義controller層的url地址,就是requestMapping後面的內容(js頁面)


3、分為獲取資料和提交資料(js頁面)

首先是獲取資料,shopInfoUrl是定義的conroller層的url地址,data是轉換為json格式的字串,通過$.getJSON來獲取


其次是提交資料,為提交提供一個響應

然後在獲取頁面的資料,並轉換為JSON格式。通過new FormData(), formData.append('shop',shopImg),將資料封裝到物件裡面


最後是提交資料,通過$.ajax


4、呼叫定義的方法(js頁面)


5、後臺獲取資料,通過Request.getParameter()來獲取JSON格式的字串。(Java Controller層)


6、將JSON格式的字串,轉為原來的格式,通過ObjectMapper類的readValue方法來講JSON格式的字串轉為物件

總結一下:

Java前後端資料的互動,不僅是獲取還是提交,需要轉換為JSON格式的字串。比如從前端傳遞到js需要轉換為JSON格式,通過加上@ResponseBody的註解,返回型別為Map;從前端傳遞到後端,需要new FormData()。在進行傳遞。