Ajax 前端與後台互動

2021-08-27 22:23:31 字數 637 閱讀 7328

整體的思路和邏輯是這樣的:我需要獲取使用者名稱和密碼,將使用者名稱和密碼組合成乙個物件,傳給後台伺服器後台伺服器會進行匹配將返回來的資料給前端,前端根據返回的資料判斷是否成功登陸。以下是通過ajax實現這個過程:

url :         代表登入功能需要訪問的介面

method:  代表前端是需要向伺服器傳送資料(post),還是在伺服器獲取資料(get)

data :      代表前端需要向後端傳遞的資料物件

success :代表前端向後台傳送請求成功時,呼叫此函式,並可以展示伺服器返回的資料,根據返回的資料進行前端頁面的操作

error :     代表前端向後端請求失敗時,呼叫此函式,如:網路連線失敗

以下是簡寫:

$.ajax(,

success: function (data) ,

error: function ()

});

以下是ajax使用例項

$.ajax(,

success: function (data)

if(data.errcode === 0)

},error: function ()

});

與後台互動方法一 Ajax

使用ajax讀取資料時有以下幾點需要注意 1.字符集編碼前後台要一致,否則前台顯示的資料為亂碼。2.使用隨機數或時間清除快取 阻止快取,防止伺服器端檔案內容變化時,瀏覽器端沒有及時更新。3.ajax讀取的所有資料都是字串,所以請求json檔案時用eval解析。4.ajax讀取的資料與副檔名無關。5....

前端與後台的互動方式

在開發web應用時,前端與後端的互動方式分為以下幾種 1.href頁面跳轉模式 前端通過url訪問後端的servlet,後端返回乙個html頁面或字串 2.form表單提交模式 分為get和post 通過submit直接提交 非ajax 後端返回乙個html頁面或字串 3.ajax提交模式 分為ge...

H5 app前端後台ajax互動總結

流應用開發 1.前端是hbuilder 編寫的html頁面,ui控制項用mui 2.後台用eclipse開發的servlet做控制器 3.前後臺互動用mui的ajax。在hbuilder中選擇在安卓手機 我的手機是安卓的 執行編寫好的移動應用,前端寫好登陸頁面 後台使用eclipse編寫,採用mvc...