ajax入門和自己封裝ajax

2021-09-19 07:43:20 字數 868 閱讀 1620

ajax 是什麼?

ajax :現在允許瀏覽器與伺服器通訊而無須重新整理當前頁面的技術都被叫做ajax 或者是不重新重新整理整個頁面,只重新整理區域性頁面的一種非同步通訊技術

ajax技術的核心 xmlhttprequest物件:傳送請求到伺服器並獲得返回結果

常用方法:

就緒碼:

就緒碼:

示例

function

getxhr()

else

}var xhr =

getxhr()

;// 獲取 xmlhttprequest物件

//傳送請求

xhr.

open

('post'

,'/checkuser.do'

,true);

//建立連線

xhr.

setrequestheader

("content-type",)

;// 請求頭部

xhr.

send

('username='

+ nameelement.value)

;//傳送請求

//接收axja響應

xhr.

onreadystatechange

=function

(e)else

}}

ajax封裝

/**

* * }

* @param json

*/function

myajax

(json)}}

}function

getxhr()

else

}

自己封裝的ajax

itcast web created by lsy on 2016 5 24.1.請求的型別 type get post 2.請求位址 url 3.是非同步的還是同步的 async false true 4.請求內容的格式 contenttype 5.傳輸的資料 data json物件 6.響應成功...

ajax的步驟與封裝ajax

今天和大家聊下如何ajax的工作原理和如何封裝ajax.1.什麼是ajax ajax技術核心是xmlhttprequest物件 簡稱xhr 這是由微軟首先引入的乙個特性,其他瀏覽器提供商後來都提供了相同的實現。在xhr出現之前,ajax式的通訊必須借助一些hack手段來實現,大多數是使用隱藏的框架或...

自己寫的ajax封裝js類

js function ajax method,synchronous 設定非同步請求返回資料型別text xml this.setrestype function restype 設定回滾函式 this.setcallback function func 設定load函式 this.setload...