第一:必須要有一個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進行提取。