1.创建ajax对象
var oAjax = new XMLHttpRequest();
不兼容 IE6
var oAjax = new ActiveXObject('Microsoft.XMLHTTP');
兼容IE6、7、8
兼容写法:
if(window.XMLHttpRequest){
var oAjax = new XMLHttpRequest();
}else{
var oAjax = new ActiveXObject('Microsoft.XMLHTTP');
}
2.打开连接
oAjax.open(交互类型,url,是否异步);
oAjax.open('GET',url,true);
3.发送请求
oAjax.send();
4.接收响应
oAjax.onreadystatechange = function(){
//判断ajax状态
if(oAjax.readyState==4){
//判断http状态码
if(oAjax.status>=200&&oAjax.status<300||oAjax.status==304){
成功
//响应内容
oAjax.responseText
}else{
失败
}
}
};
JQ版
ajax 去调取接口里头的数据
$.ajax({
url:'http://www.zhinengshe.com/data/1.php',
success:function(str){
1. 将字符串转成数据
eval('('+str+')');
会遇到一个问题:json格式的情况下 会报错,语法错误,改变写法
直接记住 ajax进来就eval上面加括号!
操作数据
2. [] {}
for
for(in)
$.each(arr,function(index,val){
});
}
});
解析数据:
var arr=eval('('+str+')');
看数据格式!