原生JS實現ajax詳解

2021-08-21 19:52:48 字數 605 閱讀 3615

打**分下面4步:

1.拿出手機

2.撥號

3.說話

4.聽對方說話

ajax也分下面4步:

1.建立ajax物件

2.連線到伺服器

3.傳送請求(告訴伺服器我要什麼檔案)

4.接收返回值

下面是原生js寫ajax的具體寫法 :

但是,不能每次用ajax的時候都寫那麼多**,要把這段ajax**封裝起來,方便使用。

封裝ajax**如下:

//最後把**封裝起來,封裝起來以後,要給這個函式加上乙個引數url.引數是為了替換要讀取的檔名

function ajax(url,fnsucc)

else

oajax.open("get",url,true);//把要讀取的引數的傳過來。

oajax.send();

oajax.onreadystatechange=function()

else}}

};}

將封裝的ajax呼叫:

//引用封裝的ajax檔案

原生js實現Ajax

一般來說,大家可能都會習慣用jquery提供的ajax方法,但是用原生的js怎麼去實現ajax方法呢?jquery提供的ajax方法 ajax success function error function 原生js實現ajax方法 var ajax obj.send post function u...

原生js實現Ajax

ajax success function error function 原生js實現ajax方法 var ajax xhr.send datat應為 a a1 b b1 這種字串格式,在jq裡如果data為物件會自動將物件轉成這種字串格式 post function url,data,fn xhr...

原生js實現Ajax

一般來說,大家可能都會習慣用jquery提供的ajax方法,但是用原生的js怎麼去實現ajax方法呢?jquery提供的ajax方法 ajax success function error function 原生js實現ajax方法 var ajax xhr.send post function u...