js封裝原生態的ajax

2021-07-29 20:41:08 字數 1023 閱讀 9714

js原生ajax

ajax:一種請求資料的方式,不需要重新整理整個頁面;

ajax的技術核心是 xmlhttprequest 物件;

ajax 請求過程:建立 xmlhttprequest 物件、連線伺服器、傳送請求、接收響應資料;

**如下:

//呼叫ajax方法

ajax(, //請求引數

datatype: "json",

success:function

(response, xml),fail:function

(status)

});//***************=下面封裝 ajax方法 *************************

function

ajax

(options) ;

options.type = (options.type || "get").touppercase();

options.datatype = options.datatype || "json";

var params = formatparams(options.data);

var xhr;

//第一步

if(window.activexobject)else

//接收 - 第三步

xhr.onreadystatechange = function

() else }}

//連線 和 傳送 - 第二步

if (options.type == "get") else

if (options.type == "post")

}//格式化引數

function

formatparams

(data)

arr.push(("v=" + math.random()).replace(".",""));

return arr.join("&");

}

原生態ajax和jquery實現ajax

js原生版實現 1 建立xmlhttprequest物件 2 然後用這個物件操作open 方法 即 xmlhttprequest.open post url,true 3 用這個物件操作onreadystatechange這個屬性 即xmlhttprequest.onreadystatechange...

原生JS封裝AJAX

今天我們來說說利用原生js封裝ajax.jquery框架的ajax方法確實很好用,但有時候我們寫的頁面需要引入多個js外掛程式,不一定哪個外掛程式就會和jquery發生衝突,導致jquery用不了了.或者頁面比較簡單,不需要加重瀏覽器的負擔,這時我們自己封裝乙個ajax就是乙個很好的辦法.將資料轉換...

原生態的ajax 及json和gson學習資源

jsobody public string viewproject pathvariable id int id,user user,接受前台的json物件,只要定義乙個物件就能直接賦值然後操作這個物件。兩種json物件轉換 谷歌的gson轉換json物件 gson gson new gson li...