摘要:異步的創(chuàng)建一個對象以下如果是方法要給傳參數(shù)并且要設(shè)置請求頭等待服務(wù)器返回的內(nèi)容工作狀態(tài)初始化正在發(fā)送發(fā)送完成正在解析完成請求返回的內(nèi)容就被存放在這個屬性下面當(dāng)狀態(tài)值發(fā)生改變的時候觸發(fā)服務(wù)器狀態(tài)狀態(tài)碼將獲取到的數(shù)據(jù)轉(zhuǎn)換成對象循環(huán)獲得到
Ajax 異步的JavaScript and XML
window.onload = function(){ var btn = document.getElementById("btn"); btn.onclick = function(){ // 1.創(chuàng)建一個ajax對象 // ie6以下 ActiveXObject("Microsoft.XMLHTTP") if(window.XMLHttpRequest){ var xhr = new XMLHttpRequest(); }else{ var xhr = new ActiveXObject("Microsoft.XMLHTTP"); } xhr.open("get","getlist.php","true"); xhr.send(); /* 如果是post方法要給send傳參數(shù)data,并且要設(shè)置請求頭; xhr.open("post","getlist.php","true"); xhr.setRequestHeader("content-type","application/x-www-form-urlencoded"); xhr.send(data); */ //等待服務(wù)器返回的內(nèi)容 /* readyState: ajax工作狀態(tài) 0初始化 1正在發(fā)送 2發(fā)送完成 3正在解析 4完成 responseText: ajax請求返回的內(nèi)容就被存放在這個屬性下面 onreadystatechange:當(dāng)readyState狀態(tài)值發(fā)生改變的時候觸發(fā) status:服務(wù)器狀態(tài) http狀態(tài)碼 */ xhr.onreadystatechange = function(){ if (xhr.readyState == 4) { if (xhr.status == 200) { //alert(xhr.responseText); var data = JSON.parse(xhr.responseText); //將獲取到的數(shù)據(jù)轉(zhuǎn)換成對象 var list = document.getElementById("list"); var html = ""; for(var i = 0; i < data.length;i++){ //循環(huán)獲得到的新聞數(shù)組 html +="
//JSON.stringify()將對象轉(zhuǎn)換成字符串 var arr = [1,2,3]; alert(JSON.stringify(arr)); var arr = {left:100}; alert(JSON.stringify(arr)); //JSON.parse() 將數(shù)組字符串轉(zhuǎn)換成對象 var string = "[100,200,300]"; var date = JSON.parse(string); alert(date[0]); var string = "{"left":100}";//★JSON的鍵名必須用雙引號★ var date = JSON.parse(string); alert(date.left);
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/86836.html
摘要:原生與對的實現(xiàn)一定義里這么解釋異步的和。二原生實現(xiàn)所有現(xiàn)代瀏覽器以及均內(nèi)建對象。一般是正常未找到頁面,一般是錯誤,或者后臺沒有創(chuàng)建相應(yīng)的內(nèi)部服務(wù)錯誤,多為后臺錯誤?;旧贤ㄟ^發(fā)送的數(shù)據(jù)及傳回的數(shù)據(jù)就能定位問題所在了。 原生JS與jQuery對AJAX的實現(xiàn) 一、定義 W3C里這么解釋AJAX: AJAX = Asynchronous JavaScript and XML(異步的 Jav...
摘要:一封裝原生的為類以及用法見之前的文章根據(jù)確定請求的頭部以及別的信息。二封裝實用性的類在項目中經(jīng)常需要將進(jìn)行封裝,使用類發(fā)起請求。請求不帶請求帶請求不帶請求帶請求不帶請求帶這個方法感覺可以再次進(jìn)行封裝。完整代碼點擊查看以上。 一、封裝原生的xhr為ajax類 xhr以及用法見之前的文章 1、根據(jù)url確定請求的頭部以及別的信息。 var _headerConfig = {}; ...
摘要:作者后臺使用的是語言,所以這里以后臺為例子不影響學(xué)習(xí)一原生使用方法創(chuàng)建對象兼容處理處理低版本不兼容問題準(zhǔn)備發(fā)送請求方式接口參數(shù)名參數(shù)值異步執(zhí)行發(fā)送回調(diào)是表示數(shù)據(jù)解析完成,后臺處理完成了。是表示處理的結(jié)果是的。 作者后臺使用的是php語言,所以這里以php后臺Api為例子,不影響學(xué)習(xí)Ajax 一、 javaScript原生使用Ajax 1.get方法 //1.創(chuàng)建對象 兼容處理 var ...
摘要:一直在用方法來寫請求,用的多了,不免對這其中是怎么實現(xiàn)的產(chǎn)生了興趣,于是乎,小弟閑來無聊研究了一下原生實現(xiàn)請求,網(wǎng)上看了很多前輩們的關(guān)于請求的封裝方法,也借鑒了很多經(jīng)驗,于是乎就出現(xiàn)了小弟的一個原生封裝的版本,希望大家看了之后能夠明白,下面 一直在用jQuery方法來寫ajax請求,用的多了,不免對這其中是怎么實現(xiàn)的產(chǎn)生了興趣,于是乎,小弟閑來無聊研究了一下原生實現(xiàn)ajax請求,網(wǎng)上看...
摘要:一直在用方法來寫請求,用的多了,不免對這其中是怎么實現(xiàn)的產(chǎn)生了興趣,于是乎,小弟閑來無聊研究了一下原生實現(xiàn)請求,網(wǎng)上看了很多前輩們的關(guān)于請求的封裝方法,也借鑒了很多經(jīng)驗,于是乎就出現(xiàn)了小弟的一個原生封裝的版本,希望大家看了之后能夠明白,下面 一直在用jQuery方法來寫ajax請求,用的多了,不免對這其中是怎么實現(xiàn)的產(chǎn)生了興趣,于是乎,小弟閑來無聊研究了一下原生實現(xiàn)ajax請求,網(wǎng)上看...
閱讀 1751·2023-04-25 22:42
閱讀 2202·2021-09-22 15:16
閱讀 3486·2021-08-30 09:44
閱讀 485·2019-08-29 16:44
閱讀 3304·2019-08-29 16:20
閱讀 2512·2019-08-29 16:12
閱讀 3387·2019-08-29 16:07
閱讀 666·2019-08-29 15:08