關於AJAX和JSON的學習總結和使用。


 

 

第一:必須要有一個json文件,第二,必須自己封裝一個ajax模板(也可以用別人的模板)。

在這里定義一個ajax函數,用它來提取json文件里面的需要的內容。
method:提交方式,一種是get 另一種是post 提取一般選用get提交。

url:指的是json文件的路徑地址,async:同步或者異步對於異步和同步在這里不解釋,

簡單來講異步就是同一個步伐一起走到目的地,看清楚是一起如果有AB兩個人,A的速度快於B,那么A就應該停下來等等A,知道A和B同一個時間到達目的地這也叫同步,

異步(sync):不同的步伐,互不干擾,你走你的,我走我的。

successFunc:指的的ajax里面的判斷成功符合條件的函數,在這里對於初學者不需要理解里面的函數是怎么樣組成的,只需要引用ajax里面的函數即可。

failFunc:同successFunc,ajax里面判斷不符合條件函數。

在這里聲明一個ajax......,在這里需要解釋一個responseText名詞叫做響應式返回的文本信息。

function ajax(method,url,async,successFunc,failFunc){

var xmlhttp;
try{
xmlhttp=new XMLHttpRequest;
}catch(e){
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
//Get提交判斷
if(method=="get"||method=="GET"){
xmlhttp.open(method,url,async);
xmlhttp.send(null);
}
//Post提交判斷
else if(method=="post"||method=="POST"){
xmlhttp.open(method,url,async);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send(date);
}else{
alert("請求錯誤!!!");
return;
}
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4){
if(xmlhttp.status==200){
successFunc(xmlhttp.responseText); //xmlhttp.responseText:指的是服務器響應的文本內容。
}else{
failFunc("響應失敗");
}
}
}
return xmlhttp;
}

由此可以看到里面的聲明函數為function ajax(method,url,async,successFunc,failFunc){};

在這里我們已經拿到ajax函數,因此需要用ajax函數進行把JSON文件里面需要提取的內容一一提取出來。

上面已經解釋過ajax()每個需要傳的是什么類型。在這里不需要重復講了。

ajax("get",my.json,async,successFunc,failFunc);

傳完之后在這里ajax會自己判斷,判斷之后如果成功符合里面的條件,返回一個字符串(就是json文件里面所有的字符);

這樣用JSON.parse把字符串轉成對象,這樣就能方便的獲取里面的內容了。

用下面的函數來接受返回的響應式文本內容。

function successFunc(text){

  var result=JSON.parse(text);

}

這樣我們就獲得了JSON對象。因此下面的就用for循環來每個獲取里面的內容了。

 

 

 

 

總結:如果要想把jSon文件的內容每個部分提取出來,首先要封裝一個ajax。然后利用ajax進行提取。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM