javascript ajax

使用原生javascript异步加载实现ajax

一.创建ajax.js

function ajax(url, fnSucc, fnFaild)
{
 //1.创建Ajax对象
 var oAjax=null;
 if(window.XMLHttpRequest)
{
  oAjax=new XMLHttpRequest();
 }
 else
 {
  oAjax=new ActiveXObject("Microsoft.XMLHTTP");
 }
 //2.连接服务器
 oAjax.open('GET', url, true);
 //3.发送请求
 oAjax.send();
 //4.接收服务器的返回
 oAjax.onreadystatechange=function ()
 {
  if(oAjax.readyState==4) //完成
  {
   if(oAjax.status==200) //成功
   {
    fnSucc(oAjax.responseText);
   }
   else
   {
    if(fnFaild)
     fnFaild(oAjax.status);
   }
  }
 };
}

二.通过调用ajax()返回数据

1.请求并显示静态TXT文件.注意浏览器缓存（通过实时时间加载文件从而清除缓存）

 ajax('abc.txt?t='+new Date().getTime(), function (str){
   alert(str);
  });

2.读取动态数据。如JS，json

ajax('data.json', function (str){
   var arr=eval(str); //读取json内数组
   alert(arr[0].b);
  });