关于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进行提取。

转载于:https://www.cnblogs.com/caoyibo/p/5599023.html