美文网首页
JS AJAX实现步骤口述整理

JS AJAX实现步骤口述整理

作者: 史梦辰 | 来源:发表于2018-12-05 16:15 被阅读0次

    第一步

    创建XMLHttpRequest对象,需要兼容IE7之前的版本,

    通过判断浏览器是否支持ActiveX控件来实现。

    var xhr=new XMLHttpRequest();

    第二步

    在异步请求时设置onreadystatechange事件处理程序。
    检查readyState属性的值来实现,其中值为4时,表示已经接收到全部的响应数据,并且可以在客户端使用了。接着判断status状态码,判断响应是否成功来进行下面的步骤。其中responseText 获得字符串形式的响应数据,responseXML获取xml形式的相应数据。

    第三步

    使用open方法与服务器建立连接。
    open方法包含三个参数,第一个是请求方法,有get和post两种,如果是post方法,要在设置头部的content-type字段,第二个是url地址,有相对和绝对地址,第三个是一个布尔值,表示是否是异步请求,其中true表示异步。异步表示在send()方法之后,浏览器继续执行,而不等待服务器的响应。

    第四步

    向服务其发送数据。
    xhr.send(null);其中post方法参数不为空。

    第五步

    使用javascript和dom实现局部刷新。

    相关文章

      网友评论

          本文标题:JS AJAX实现步骤口述整理

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