自己手写ajax

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+')');

   看数据格式!

你可能感兴趣的:(自己手写ajax)