美文网首页
ajax如何实现?readyState五种状态的含义。

ajax如何实现?readyState五种状态的含义。

作者: 晴天的晴q | 来源:发表于2019-01-28 16:49 被阅读0次

// 创建连接
let xhr = null;
if ( window.XMLHttpRequest ){
    xhr = new XMLHttpRequest();
} else {
    xhr = new ActiveXObject( "Microsoft.XMLHTTP" );
}

xhr.open( "请求类型", "请求地址", 是否异步发送请求 );  // 连接服务器
xhr.setRequestHeader( "MyHeader", "MyValue" );  // 设置头部
xhr.send(null);    // 发送请求

// 接收请求
xhr.onreadystatechange = function() {
    if ( xhr.readyState == 4 ){
        if ( ( xhr.status >= 200 && xhr.status < 300 ) || xhr.status == 304 ){
            // 成功
        } else {
            // 失败
        }
    }

readyState属性五种状态的含义:

0:未初始化,尚未调用open() 方法
1:启动。已经调用open() 方法,但尚未调用send() 方法
2:发送。已经调用send() 方法,但尚未接收到响应
3:接收。已经接收到部分响应
4:完成。已经接收到全部响应数据,而且已经可以在客户端使用了

相关文章

  • js面试题-4(node.js)

    1.ajax如何实现,readyState的五种状态的含义? 0---(未初始化)还没有调用send()方法 1-...

  • ajax如何实现?readyState五种状态的含义。

    // 创建连接let xhr = null;if ( window.XMLHttpRequest ){xhr = ...

  • Ajax状态码

    Ajax:readyState(状态值)和status(状态码)的区别 readyState,是指运行AJAX所经...

  • 1.5 ajax流程-数据的获取

    数据的获取 10:59 说明: readyState : ajax工作状态 responseText : ajax...

  • ajax总结

    实现一个ajax: readyState XMLHttpRequest.readyState 属性返回一个 XML...

  • Ajax的实现 和 readState状态

    ajax的实现 readyState的五种状态 请求尚未初始化, 已经创建了一个XMLHttpRequest对象 ...

  • Ajax

    一、Ajax对象 二、Ajax对象的属性和方法 1、Ajax对象的属性: ①readyState:Ajax状态码0...

  • 一分钟学会Ajax的几个步骤及封装方法

    Ajax的步骤 readyState状态• 0: 请求未初始化• 1: 服务器连接已建立• 2:...

  • AJAX的基本使用

    一、使用方法   使用 AJAX 的过程可以类比平常我们访问网页过程 二、readyState状态描述   由于 ...

  • ajax5种状态码

    一、ajax的五种状态(readyState) 0 - (未初始化)还没有调用send()方法 1 - (载入)已...

网友评论

      本文标题:ajax如何实现?readyState五种状态的含义。

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