用源生的JavaScript寫一個ajax的庫，這樣就不用每次都調用jQuery庫了，依據ajax請求的步驟寫，ajax請求有四個步驟:1.創(chuàng)建一個ajax對象，2.跟服務器進行連接；3.發(fā)送請求；4.接收返回值。

直接創(chuàng)建一個ajax的函數，里面?zhèn)魅肴齻€參數：URL即獲取的文件名，Fnsucc即接收數據成功時的參數，Fnfailed即接收文件失敗時的參數

1 function ajax(url,fnsucc,fnlaild){ 2 //1.創(chuàng)建一個ajax對象 3 var oajax=null; 4 5 if (window.XMLHttpRequest) 6 { 7 // IE7+, Firefox, Chrome, Opera, Safari 瀏覽器執(zhí)行代碼 8 oajax=new XMLHttpRequest(); 9 } 10 else 11 { 12 // IE6, IE5 瀏覽器執(zhí)行代碼 13 oajax=new ActiveXObject("Microsoft.XMLHTTP"); 14 } 15 //2.鏈接服務器 16 oajax.open('GET',url,true); 17 //3.發(fā)送請求 18 oajax.send(); 19 //4.接收返回值 20 oajax.onreadystatechange=function(){ 21 if (oajax.onReadystate==4 && oajax.status==200){ 22 fnsucc(oajax.responseText); 23 }else{ 24 if (fnlaild){ 25 fnlaild(); 26 } 27 } 28 } 29 }

ajax一般工作內容就是 讀取數據過來，創(chuàng)建元素，將數據插入創(chuàng)建的元素里面。

轉載于:https://www.cnblogs.com/karry990921/p/8057854.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的用源生的JavaScript编写一个异步的ajax库的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。