Spring Boot 前後端互動及引數傳遞

2022-03-23 23:49:21 字數 1569 閱讀 7472

前後端互動的過程我覺得不管是前端還是後端都需要了解一點。

一、首先是前端傳送請求:(我只了解了一點 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...