ajax 快速入门，ajax底层使用的五个步骤；XMLHttpRequest对象详解；XMLHttpRequest常用属性；XMLHttpRequest常用方法

矫情吗；* 2022-06-06 03:05 254阅读 0赞

# 一、 **AJAX应用** #

## 1． **AJAX快速入门** ##

**AJAX底层使用的五个步骤：**

1**获取XMLHttpRequest对象：**ie5和6：xmlhttp=new ActiveXObject(“Microsoft.MXLHTTP”)

IE7或者其它浏览器xmlhttp= new XMLHttpRequest();

2**设置一个回调函数:**回调函数它的作用就是用于处理服务器响应的数据

通过XMLHttpRequest对象的**onreadystatechange**设置回调函数

3**设置请求方式**GET/POST及请求的URL等.通过XMLHttpRequest对象的open方法

4 真正**向服务器发送请求**.通过XMLHttpRequest对象的send方法

5在回调函数中**获取服务器响应的数据**/通过XMLHttpRequest对象的responseText

创建一个demo1.html

代码在附件;

如何发送一个ajax请求?

### 1.1． **第一步:获取一个XMLHttpRequest对象** ###

代码在附件;

### 1.2． **第二步:设置一个回调函数** ###

**回调函数它的作用就是用于处理服务器响应的数据**

**通过XMLHttpRequest对象的onreadystatechange设置回调函数**

### 1.3． **第三步设置请求方式GET/POST及请求的URL等** ###

**通过XMLHttpRequest对象的open方法**

### 1.4． **第四步真正向服务器发送请求** ###

**通过XMLHttpRequest对象的send方法**

### 1.5． **第五步在回调函数中获取服务器响应的数据** ###

**通过XMLHttpRequest对象的responseText**

## 2． **XMLHttpRequest对象详解** ##

### 2.1． **获取XMLHttpRequest 对象** ###

对于大部分浏览器可以直接通过 new XMLHttpRequest();

对于IE5  IE6 new ActiveXObject("Microsoft.XMLHTTP")

### 2.2． **XMLHttpRequest常用属性** ###

1. **onreadystatechange 它是用于绑定回调函数，当服务器响应数据回来后，我们可以在指定的回调函数中进行数据处理。**

2. **readyState 它描述的http请求的状态**

3. **status 它描述的http状态码  200 404  405 500…**

4. 获取服务器响应数据

**responesText或responseXML来获取**

### 2.3． **XMLHttpRequest常用方法** ###

1. **open它是用于设置请求方式，url及是否异步（并不发送请求）**

**参数1：HTTP 请求方式  POST/GET。**

**参数2:url路径**

**参数3:true/false  代表是否异步**

2. s**end它是真正向服务器发送请求**

**如果请求方式是get，那么我们使用send(null) 原因:get请求方式是没有http请求体**

** **

**只有post请求方式时，才有请求体,所以send的参数只是在post请求时使用例如**

**Xmlhttp.send(“username=xxx&password=xxx”);**

3. **setRequestHeader**

**注意：如果请求方式是POST,那么我们在使用时，必须设置一个请求头，就需要使用setRequestHeader方法来完成**

发表评论取消回复

表情：

评论列表（有 0 条评论，254人围观）

还没有评论，来说两句吧...

相关阅读

相关 AJAX入门之 XMLHttpRequest对象的属性（一）

Ajax的核心技术包括 XMLHttpRequest对象：用来实现异步通讯的组件对象，是Ajax的核心技术 Javascript：Ajax的编程脚本，可以通过Ja

分手后的思念是犯贱/ 2022年09月23日 08:08/ 0 赞/ 197 阅读

相关 AJAX——核心XMLHttpRequest对象

AJAX大家已经都知道了，是为了实现异步通讯，提高用户体验度，而将很多旧知识（XML,DOM,[JavaScript][],HTML,[jQuery][],Css……）重新

末蓝、/ 2022年06月12日 09:42/ 0 赞/ 255 阅读

相关 ajax 快速入门，ajax底层使用的五个步骤；XMLHttpRequest对象详解；XMLHttpRequest常用属性；XMLHttpRequest常用方法

一、 AJAX应用 1． AJAX快速入门 AJAX底层使用的五个步骤： 1获取XMLHttpRequest对象：ie5和6：xmlhttp=new Act

矫情吗；*/ 2022年06月06日 03:05/ 0 赞/ 255 阅读

相关 AJAX——核心XMLHttpRequest对象

转载：https://blog.csdn.net/liujiahan629629/article/details/17126727 AJAX大家已经都知道了，是为了实现异步通

Dear 丶/ 2022年05月21日 01:46/ 0 赞/ 244 阅读

相关 XMLHttpRequest对象的常用属性

XMLHttpRequest对象提供了一些常用属性，通过这些属性可以获取服务器的响应状态及响应内容等，下面将对XMLHttpRequest对象的常用属性进行介绍。一

╰半夏微凉°/ 2022年05月12日 00:28/ 0 赞/ 208 阅读

相关 XMLHttpRequest对象的常用方法

XMLHttpRequest对象提供了一些常用的方法，通过这些方法可以对请求进行操作。下面对XMLHttpRequest对象的常用方法进行介绍。一创建新请求的方法

梦里梦外;/ 2022年05月12日 00:28/ 0 赞/ 277 阅读

相关 AJAX核心—XMLHttpRequest 对象

我要说的内容都是非常基础的内容，老手就免看了，如果看了欢迎给点意见啊。新手或者对低层还不是很了解的人可以看看，帮助理解与记忆。 XMLHttpRequest 对象是A

超、凢脫俗/ 2022年04月16日 03:00/ 0 赞/ 290 阅读

相关 AJAX--XMLHttpRequest

前言 XMLHttpRequest为可扩展超文本传输请求，它是XML（可扩展标记语言），Http（超文本传输协议），Request（请求）三者结合起来的；XMLHttpR

深藏阁楼爱情的钟/ 2021年09月27日 05:34/ 0 赞/ 430 阅读

相关 Ajax-XMLHttpRequest对象

没有xmlhttprequest时，都是采用同步的做法，有了这个对象，进行了异步(比如在填写表单时，服务器会根据你填写的内容，进行马上的验证，而不是所有信息填写完后再验证)

淡淡的烟草味﹌/ 2021年09月14日 07:04/ 0 赞/ 413 阅读

相关 Ajax的XMLHttpRequest对象

XMLHttpRequest对象是Ajax的核心，它有许多的属性、方法和事件以便于脚本处理和控制HTTP的请求与响应。下面是有关XMLHttpRequest对象的一些属

红太狼/ 2021年09月12日 08:44/ 0 赞/ 457 阅读