原生AJAX寫法實(shí)例分析
本文實(shí)例分析了原生AJAX寫法。分享給大家供大家參考。具體分析如下:
雖然現(xiàn)在很多JS的框架提供了AJAX的調(diào)用方法,我們甚至不用去了解其具體的實(shí)現(xiàn)原理就可以直接調(diào)用了,但是我認(rèn)為不去從最基礎(chǔ)的層面了解一個(gè)東西,就很難做到最好。
var XHR=null; if (window.XMLHttpRequest) { // 非IE內(nèi)核 XHR = new XMLHttpRequest(); } else if (window.ActiveXObject) { // IE內(nèi)核,這里早期IE的版本寫法不同,具體可以查詢下 XHR = new ActiveXObject("Microsoft.XMLHTTP"); } else { XHR = null; } if(XHR){ XHR.open("GET", "ajaxServer.action"); XHR.onreadystatechange = function () { // readyState值說明 // 0,初始化,XHR對象已經(jīng)創(chuàng)建,還未執(zhí)行open // 1,載入,已經(jīng)調(diào)用open方法,但是還沒發(fā)送請求 // 2,載入完成,請求已經(jīng)發(fā)送完成 // 3,交互,可以接收到部分?jǐn)?shù)據(jù) // status值說明 // 200:成功 // 404:沒有發(fā)現(xiàn)文件、查詢或URl // 500:服務(wù)器產(chǎn)生內(nèi)部錯(cuò)誤 if (XHR.readyState == 4 && XHR.status == 200) { // 這里可以對返回的內(nèi)容做處理 // 一般會(huì)返回JSON或XML數(shù)據(jù)格式 console.log(XHR.responseText); // 主動(dòng)釋放,JS本身也會(huì)回收的 XHR = null; } }; XHR.send(); }
希望本文所述對大家的Ajax程序設(shè)計(jì)有所幫助。
相關(guān)文章
ajax實(shí)現(xiàn)數(shù)據(jù)分頁查詢
這篇文章主要為大家詳細(xì)介紹了ajax實(shí)現(xiàn)數(shù)據(jù)分頁查詢的相關(guān)資料,以及ajax實(shí)現(xiàn)對數(shù)據(jù)庫的查詢,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02原生ajax和iframe框架實(shí)現(xiàn)圖片文件上傳的兩種方式
這篇文章主要為大家詳細(xì)介紹了原生ajax和iframe框架實(shí)現(xiàn)圖片文件上傳的兩種方式,感興趣的小伙伴們可以參考一下2016-04-04ajax動(dòng)態(tài)為a標(biāo)簽href賦值不執(zhí)行跳轉(zhuǎn)的原因分析及解決
ajax 動(dòng)態(tài)為a標(biāo)簽的href屬性賦值,總是不執(zhí)行跳轉(zhuǎn)的原因想必大家有遇到過吧,下面與大家分享下具體的解決方法,希望對你有所幫助2013-06-06AJax實(shí)現(xiàn)類似百度搜索欄的功能 (面試多見)
下面是ajax實(shí)現(xiàn)一個(gè)簡單的百度搜索欄的功能,當(dāng)用戶在上面的輸入框中鍵入字符時(shí),會(huì)執(zhí)行函數(shù) "showHint()" 。下文通過實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧2016-11-11js+ajax處理java后臺(tái)返回的json對象循環(huán)創(chuàng)建到表格的方法
這篇文章主要介紹了js+ajax處理java后臺(tái)返回的json對象循環(huán)創(chuàng)建到表格的方法,涉及javascript操作json對象動(dòng)態(tài)創(chuàng)建表格以及基于ajax與后臺(tái)交互的相關(guān)技巧,需要的朋友可以參考下2016-08-08