實現Ajax的步驟和封裝函式

2021-07-23 17:50:16 字數 835 閱讀 4373

實現ajax的步驟

第一步:

建立乙個xmlhttprequest物件:

var xhr = null;

標準瀏覽器以及ie6以上版本瀏覽器使用xmlhttprequest物件

ie6及一下版本瀏覽器使用activexobject(microsoft.xmlhttp)建立。

第二步:

使用xmlhttprequest的onreadystatechange屬性,當xhr的readystate發生變化時觸發。

第三步:

初始化xhr,呼叫open()方法

第四步:

傳送請求,呼叫send()方法。

/*ajax封裝函式*/

function ajax(method, url, sucfn, data) else

//第二步:

//使用xmlhttprequest物件的onreadystatechange屬性,在xhr的readystate屬性發生變化時觸發。

xhr.onreadystatechange = function () else }};

// data引數作為可選項(可傳可不傳)

data = data ? data : "";

if(method.touppercase() == "get") else

}

ajax的步驟與封裝ajax

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

ajax請求步驟 和 簡易封裝

建立非同步物件var xhr 設定 請求行 open 請求方式,請求url get請求如果有引數就需要在url後面拼接引數,xhr.open get validate.php?username name post如果有引數,就在請求體中傳遞 xhr.open post validate.php 設定...

Ajax函式的封裝

封裝乙個ajax 函式,每次呼叫ajax函式的時候只需要傳遞乙個物件,物件中包含請求型別 請求位址 要傳遞的引數 content type等等 當沒有傳遞某些引數的時候,將使用某些預設值 函式中自定義默寫預設值 具體的函式封裝如下 function ajax obj contenttype succ...