原生js ajax與jquery ajax的區別

2022-02-21 14:51:11 字數 1022 閱讀 6357

原生js ajax的呼叫:

ajax(,

timeout : time, //超時時間

});jquery ajax的呼叫:

});myajax.js 檔案:

function obj2str(data) 

*/data.t = new date().gettime();

var res = ;

//for in 專門用來遍歷物件的

//key(就是物件的屬性), data[key](就是屬性對應的屬性值)

for(var key in data)

return res.join("&"); //username=inj&userpwd=123456

}// 傳入的引數為物件可以使呼叫物件裡面的屬性不用按著順序來

function ajax(option) else

//2.設定請求方式和請求位址

/*method:請求的型別;get 或 post

url:檔案在伺服器上的位置

async:true(非同步)或 false(同步)

*/if(option.type.tolowercase() == "get") else

//4.監聽狀態的變化

//判斷外界是否傳入超時時間

if(option.timeout) , option.timeout);}}

本人正在學習和摸索中,如有錯誤,歡迎指正!

原生JS Ajax請求

傳統的web互動是使用者觸發乙個http請求伺服器,然後伺服器收到之後,在做出響應到使用者,並且返回乙個新的頁面,每當伺服器處理客戶端提交的請求時,客戶都只能空閒等待,並且哪怕只是一次很小的互動 只需從伺服器端得到很簡單的乙個資料,都要返回乙個完整的html頁,而使用者每次都要浪費時間和頻寬去重新讀...

原生js ajax 封裝

首先我們先了解ajax的get和post請求分別是怎樣請求資料的 get請求 建立ajax例項 開啟需要請求的位址,可以有三個引數 參1 請求方式 參3 是否非同步,可選,預設非同步 向後端傳送的資料,get方式用不到 ajx.onreadystatechange post請求 建立ajax例項 開...

原生jsAJAX簡介

建立乙個請求物件 由此ajax請求物件已經建立完成,我們可以看一下列印結果 由此可見,該物件中有很多屬性和方法,接下來我們就會用到其中的一些屬性和方法。2.呼叫open方法 該步驟的作用是設定請求方式和請求路徑。該open方法有兩個引數 引數1 請求的方式,常見的有get和post兩種請求方式 引數...