js调用ajax实现数据交互,分为4步
1.创建AJAX对象
2.连接服务器
3.发送请求
4.接收返回
代码如下
<script>
function ajax(url,fnSucc,fnFaild){
if(window.XMLHttpRequest){
var oAjax=new XMLHttpRequest();
}else{
var oAjax=new ActiveXObject("Microsoft.XMLHTTP");
}
oAjax.open("get",url,true);
oAjax.send();
oAjax.onreadystatechange=function(){
if(oAjax.readyState==4){
if(oAjax.status==200){
fnSucc(oAjax.responseText)
}else{
if(fnFaild){
fnFaild();
}
}
}
}
}
</script>
在需要的页面调用刚才封装好的ajax方法
<script>
ajax("http://www.daiwozoua.com",function(str){
var data=JSON.parse(str)
console.log(data)
},function(){
alert("获取失败")
})
</script>