前後端互動的過程我覺得不管是前端還是後端都需要了解一點。
一、首先是前端傳送請求:(我只了解了一點 ajax)
1、伺服器端大多數情況下會以 json 物件作為響應資料的格式。
2、無論是請求引數還是響應內容、如果是物件型別,最終都會被轉換為物件字串進行傳輸。
3、將 json 字串轉換為 json 物件 json.parse(json_string),將 json 物件轉換為 json 字串 json.stringify()。
5、get 請求方式不能提交 json 物件資料格式。
6、ajax 錯誤處理
ⅰ、網路暢通,伺服器端能接受到請求,伺服器端返回的結果不是預期結果。(判斷伺服器的返回的狀態碼,分別進行處理)
ⅱ、網路暢通,伺服器沒有接受到請求,返回 404 狀態碼。(請求位址錯誤)
ⅲ、網路暢通,伺服器端能接受到請求,伺服器返回 500 狀態碼。(伺服器端錯誤)
ⅳ、網路中斷,請求無法傳送到伺服器。
7、jquery 中的 ajax 方法
$.ajax(,success:function(response){},
error:function(response){}
});
8、script 中呼叫 ajax
9、serialize 方法:將表單重點資料自動拼接成字串型別的引數
var params = $('#form').serialize() //
10、$.get()、$.post() 方法:
(response){})
二、其次後端返回資料的函式是類似於這樣的:
三、前端接受資料
success:function(response)
四、通過 ajax 的 success() 函式接受返回的資料會導致頁面不跳轉的問題
window.location.href='/index'
五、spring 控制器獲取引數
1、@requestparam 方式:
public string showinfo(@requestparam("name") string name)
2、@requestparam 方式,帶預設值
public string showinfo((value="name",defaultvalue="anonymous") string name)
3、{} 佔位符方式,路徑變數
若方法的引數名和佔位符名稱相同,則可以省略@pathvariable 中的 value屬性
public string showinfo(@pathvariable("name") string name)
六、後台通過 model 傳遞資料和前端讀取 model 傳過來的資料(只知道如何傳,不知道如何讀)
七、以上內容僅是本人剛學的筆記,如有錯誤,歡迎指正!希望大佬能告知第六部分內容,謝謝!
SpringBoot 前後端資料互動
本系列主要講解前後端資料的傳輸 html springboot form 提交 ajax 非同步傳輸 websocket 提交 本文主要講解 from 的傳遞 get請求的資料會存在url中,比如http localhost 8080 get?x1 9 x2 10 我們的任務就是從後台接受到x1,x...
前後端互動
剛進公司,對這些都不是很了解,這篇部落格講的很清楚,在此轉給自己,感謝szmacbook 1.前端請求資料url由誰來寫?在開發中,url主要是由後台來寫的,寫好了給前端開發者.如果後台在查詢資料,需要借助查詢條件才能查詢到前端需要的資料時,這時後台會要求前端提供相關的查詢引數,這裡的查詢引數也就是...
前後端互動
xmlhttprequest物件 ajax的基本使用 xhr.onload function 使用post傳參,是需要設定頭部資訊 把資料放到form中的三個好處 引數1 屬性名 自定義 引數2 屬性值 form.img file 將需要上傳的檔案資訊,新增到form中 form.name 張三 g...