AJAX

作者: 一言不合拔萝卜 | 来源:发表于2016-10-17 11:01 被阅读6次

Open方法打开到服务器的连接。
Send方法就是发送请求

所有 Ajax 应用程序中基本都雷同的流程:
1.从 Web 表单中获取需要的数据。
2.建立要连接的 URL。
3.打开到服务器的连接。
4.设置服务器在完成后要运行的函数。
5.发送请求。

IBM-developerWorks®-AJAX文章

XHR获取服务器响应的方法和属性
-responseText:获取字符串形式的响应数据
-responseXML:获得XML形式的响应数据
-status和statusText:以数字和文本形式返回HTTP状态码
-getAllResponseHeader():获取所有的响应报头
-getResponseHeader():查询响应中的某个字段的值
-readyState属性:
0:请求未初始化,open还没调用
1:服务器连接已连接,open已调用
2:请求已接收,也就是接收到头信息了
3:请求处理中,也就是接收到响应主体
4:请求已完成,且响应已就绪,也就是响应完成了

// 对服务器的响应进行监听
// readystatechange事件监听readyState状态的变化

xhr.onreadystatechange = function () {
if ( xhr.readyState === 4 && xhr.status === 200 ) {
// xhr.responseText 是我们的终极目标
}
}

一般代码
var request = new XMLHttpRequest();
request.open('get','get.php',true);
request.send();
request.onreadystatechange = function(){
if(request.readyState === 4 && request.status === 200){
request.responseText
}
}

相关文章

  • 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/fwiayttx.html