一、创建异步对象

var xmlhttp = new XMLHttpRequest();

二、给异步对象绑定事件（onreadystatechange事件）

1、当请求被发送到服务器时，我们需要执行一些基于响应的任务，每当readyState改变时，就会触发onreadystatechange事件，此事件可以指定一个处理函数function。

语法：xmlHttp.onreadystatechange = function(){

处理请求的状态变化

if(xmlHttp.readyState == 4 && xmlHttp.status == 200){

// 可以处理服务器端的数据，更新当前页面

var data = xmlHttp.responseText;

document.getElementById("name").value = data;

}

}

2、XMLHttpRequest对象的三个重要的属性

1、readyState：表示异步对象请求的状态的变化

（1）0：创建异步对象时

（2）1：初始化异步请求对象，xmlHttp.open();

（3）2：发送请求，xmlHttp.send();

（4）3：从服务器端获取了数据，此时3，注意3是异步对象内部使用，获取了原始的数据。

（5）4：异步对象把接收的数据处理完成后。开发人员在4的时候处理数据。

2、status：表示网络请求的状况：200，404，500

（1）当status==200时，表示网络请求是成功的

3、responseText:获取服务器端返回的数据

三、初始化异步对象

异步的方法open()；

xmlHttp.open(请求方式，“服务器端的访问地址”，同步|异步请求（默认是true，异步请求）)

例如：

xmlHttp.open("get", "loginServlet?name=zs&pwd=123", true);

四、使用异步对象发送请求

xmlHttp.send()

获取服务器端返回的数据，使用异步对象的属性：responseText

例子：

xmlHttp.responseText;

5、注意

（1）当异步对象的请求状态变化时，都会调用一次function函数。

Ajax之【Ajax异步实现步骤】相关推荐

ajax如何做到异步交互,1.ajax简单实现异步交互
效果:点击获取信息 testAjax.jsp: pageEncoding="UTF-8"%> Insert title here function getName(){ va ...
ajax是什么实现的步骤,AJAX使用步骤及实现过程
AJAX AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 不是新的编程语言,而是一种使用现有标准的新方法. AJA ...
什么是Ajax以及ajax请求的步骤
什么是Ajax以及ajax请求的步骤 1.Ajax是什么? Asynchronous JavaScript & XML.Ajax是web开发的一种技术. 2.Ajax请求的步骤 (1)创建`X ...
jquery ajax步骤,jquery ajax(ajax请求的五个步骤jQuery)
jqueryajax AJAX是与服务器交流数据的艺术,它在不重载全部页面的情况下,完成了对部分网页的更新. jQueryAJAX实例请点击下面的按钮,经过jQueryAJAX改变这段文本. 获得外 ...
使用原生Ajax技术实现异步交互
实现原理使用原生原生Ajax技术实现异步交互,就是使用Ajax的原生异步对象XMLHttpRequest,来进行创建对象.绑定事件.初始化数据.发送数据的操作过程. 实现步骤第一步,利用XMLHt ...
总结 - Ajax工作原理和实现步骤
目录一 Ajax技术与原理 1.1 Ajax简介 1.2 Ajax所包含的技术 1.3 Ajax的工作原理 1.4 XMLHttpRequest 对象的三个常用的属性 1. onreadystate ...
Ajax工作原理和实现步骤
目录一 Ajax技术与原理 1.1 Ajax简介 1.2 Ajax所包含的技术 1.3 Ajax的工作原理 1.4 XMLHttpRequest 对象的三个常用的属性 1. onreadystate ...
Ajax请求的五个步骤
目录 Ajax请求的五个步骤一.定义 1.什么是Ajax 2.同步与异步的区别 3.ajax的工作原理二.实现AJAX的基本步骤 1.创建XMLHttpRequest对象 2.创建HTTP请求 3 ...
Ajax操作的四个步骤
Ajax操作的四个步骤: 创建Ajax对象连接服务器发送请求接收返回信息 1 <!DOCTYPE html> 2 <html> 3 <head lang=" ...
ajax请求的五个步骤_监控整个页面，非AJAX，需要通知
ajax请求的五个步骤最近,在JSF中开发新图表和图表"导出服务"时,我遇到了一个非常普遍的问题. 当您执行长时间运行的任务(操作)时,您希望在开始时显示状态"请稍候- ...

Ajax之【Ajax异步实现步骤】

一、创建异步对象

二、给异步对象绑定事件（onreadystatechange事件）

1、当请求被发送到服务器时，我们需要执行一些基于响应的任务，每当readyState改变时，就会触发onreadystatechange事件，此事件可以指定一个处理函数function。

2、XMLHttpRequest对象的三个重要的属性

三、初始化异步对象

四、使用异步对象发送请求

5、注意

Ajax之【Ajax异步实现步骤】相关推荐

最新文章

热门文章