Ajax全面基礎學習(二)

2022-04-26 05:42:54 字數 1287 閱讀 2996

$.ajax('url',);

$.ajax()

$.ajax('url',,

//請求失敗的**函式

error : function

(jqxhr,status,err),

//不論成功失敗都執行的**函式

complete:function

(jqxhr,status),

//不同狀態的**函式

statuscode:,

'400' : function

(){}

}});

$.ajax('url',,

type : 'post',   //預設為get

processdata : false, //預設為true,即對data進行預處理編碼,設定false後不進行預處理,這時候傳送出去的是乙個字串,即對data物件使用了tostring方法,當data是html語句,我們希望不進行預處理,直接傳送字串,這時候可以設定為false

traditional : true //當data中存在陣列,需要將此項設定為true

})

$.ajax('url',

});

在實際專案開發中,提交表單時常常由於網路或者其原因,使用者點選提交按鈕誤認為自己沒有操作成功,進而會重複提交按鈕操作次數,如果頁面前端**沒有做一些相應的處理,通常會導致多條同樣的資料插入資料庫,導致髒資料的增加。要避免這種現象,在$.ajax請求中的beforesend方法中把提交按鈕禁用掉,等到ajax請求執行完畢,在恢復按鈕的可用狀態。

//

提交表單資料到後台處理

$.ajax();

},success:

function

(data)

},complete:

function

() ,

error:

function

(data)

});

ajax請求伺服器載入資料列表時提示loading(「載入中,請稍後...」)

$.ajax(,

success:

function

(data)

},complete:

function

() ,

error:

function

(data)

});

Ajax全面基礎學習(一)

快捷方法 get url,data callback type get方法的 data 將被鏈在url後面 callback 是請求成功後的 可以得到響應資料,如果請求失敗,看不到callback返回的內容 type 是頭部content type定義的資料型別,如果返回的資料不能按照type規定的...

AJAX基礎學習

1.load 方法 使用load 方法通過ajax請求載入伺服器中的資料,並把返回的資料放置到指定的元素中,它的呼叫格式為 load url,data callback 引數url為載入伺服器位址,可選項data引數為請求時傳送的資料,callback引數為資料請求成功後,執行的 函式。缺點 獲取的...

Ajax 學習 基礎學習

ajax技術的目的 實現頁面無重新整理資料動態更改 優點 不需要外掛程式支援 提供web程式的功能 優秀的使用者體驗 減輕伺服器頻寬的負擔 缺點 破壞瀏覽器的前進與後退 搜尋引擎seo的支援性不好 學習後編寫的乙個很基礎的ajax函式,幫助自己更好的掌握ajax method ajax請求所採用的方...