美文网首页
自己手写ajax

自己手写ajax

作者: Mx勇 | 来源:发表于2016-11-16 22:44 被阅读210次

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

    1.创建ajax对象 var oAjax = new XMLHttpRequest(); 不兼容 ...

  • 自己动手封装AJAX

    一、手写AJAX 首先我们先用原生JS手写一个AJAX: 这是一个POST请求的AJAX,可以通过修改 open ...

  • 手写AJAX与事件委托

    手写AJAX 完整版 简洁版 手写事件代理

  • js 异步系列(1) -发展

    ajax 最早为了实现局部请求无刷新,有了ajax的概念。在原生js是时代,请求数据都需要自己手写一个ajax。现...

  • 知识点---不定时更新

    cookie\session\localstorage跨域webpack手写ajax手写bind排序算法css常用...

  • 手写ajax

    基于promise的ajax

  • 手写AJAX

    首先创建XMLHttpRequest对象,第二步调用open方法,第三步监听对象的onload和onerror事件...

  • 手写 AJAX

    目录 没有 AJAX 的年代,怎么发请求 AJAX 是什么 XMLHttpRequest 的实例属性 XMLHtt...

  • 手写AJAX

    背代码,完整版 var request = new XMLHttpRequest() request.open('...

  • 原生JS写AJAX

    AJAX MDN_AJAX 手写AJAX的主要四个步骤:1.创建XMLHttpReauest2.处理响应(指定响应...

网友评论

      本文标题:自己手写ajax

      本文链接:https://www.haomeiwen.com/subject/imzrpttx.html