ajax

作者: McDu | 来源:发表于2017-09-22 13:59 被阅读0次
// 创建一个 AJAX 对象 (IE6 不支持)
var xhr = new XMLHttpRequest();  

 // 发送前的配置:请求方式、请求服务器地址、同步(false)/ 异步(true 默认)
xhr.open("get","/data.txt",true);  

// 监听事件,状态的改变执行
xhr.onreadystatechange = function(){
  if(xhr.readyState === 4 && /^2\d{2}$/.test(xhr.status)){
    var value = xhr.responseText;
  }
}
// 发送请求:参数是请求主体中传递给服务器的内容
xhr.send(null);

xhr.readyState:

0 -> 请求还未发送(unset)
1 -> URL 地址已经打开(opened)
2 -> 响应头信息已接收(headers_received)
3 -> 主体内容正在服务器端处理(loading)
4 -> 响应主体的内容已经成功返回到客户端(done)

xhr.status: HTTP 网络状态码,描述了服务器响应内容的状态
2XX: 响应主体的内容已经成功
301:永久重定向
302:临时重定向 服务器的负载均衡
304:内容未改变,本次获取的内容是读取缓存中的数据
400:客户端传给服务器端的参数错误
401:无访问权限
404:客户端访问的资源不存在
500:未知的服务器错误
503:服务器超负荷

相关文章

  • AJAX

    主要内容: ajax 是什么、原生ajax 写法和jQuery ajax写法。 AJAX 是什么 ajax,即As...

  • JavaScript进阶知识点--AJAX及JSON

    AJAX 关于 AJAX 什么是 AJAX AJAX 的全称是 Asynchronous JavaScript a...

  • HTML5权威指南 | 第五部分 高级功能

    三十二、使用AJAX(上) Ajax起步: 使用Ajax事件: Ajax请求的错误处理: 中止Ajax请求: 三十...

  • ajax学习笔记

    Ajax学习笔记 Ajax简介 1. Ajax是什么? Ajax : Asynochronous javascri...

  • AJAX

    一、简介 AJAX菜鸟教程 什么是 AJAX ? AJAX = 异步 JavaScript 和 XML。 AJAX...

  • js之AJAX复习

    异步交互和同步交互 什么是Ajax? Ajax的工作原理。 Ajax包含的技术: Ajax的缺陷: Ajax的核心...

  • 复习jQuery - ajax

    jQuery ajax - ajax() 方法 $.ajax({ url:'oo.php', ...

  • jQuery中Ajax请求的使用和四个步骤示例

    ajax() 方法用于执行 AJAX(异步 HTTP)请求,所有的 jQuery AJAX 方法都使用 ajax(...

  • ajax

    1、什么是ajax? 2、ajax的原理 3、ajax的核心对象 4、ajax的优点: ajax的缺点: 被jqu...

  • ajax

    Ajax 1 - 请求纯文本 Ajax 2 - 请求JSON数据 Ajax 3 - 请求Github接口 Ajax...

网友评论

      本文标题:ajax

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