Ajax学习整理

什么是ajax？W3School中给ajax的定义是：

　　1、AJAX = 异步 JavaScript 和

　　2、AJAX 是一种用于创建快速动态网页的技术。

　　3、通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

　　4、传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。

　　通俗的讲，AJAX就是JS通过一个网址去加载数据，这个过程通常是用户不可见的。使用ajax的能够异步加载数据，及时验证数据，不需要刷新整个页面（有时会局部加载），进而能提高用户体验并且节省流量。

1、基本API：new 等

　　①：使用ajax之前必须要创建一个对象，要用到new

　　var xhr = new

　　值得一提的是，在老的浏览器（比如IE6、IE5）中并不支持)对象是通过MS

　　if (window.//如果浏览器支持该对象

　　var xhr = new

　　}else{

　　var xhr = new ActiveXObject("Ms//如果是低版本浏览器

　　}

　　在IE 中可能会遇到三种不同版本的XHR 对象，即MS

　　②：创建好xhr对象后，接下来就是要使用该对象，就要调用到一个方法：open();

　　它接受3 个参数：要发送的请求的类型（"get"、"post"等）、请求的URL 和表示是否异步发送请求的布尔值。下面就是调用这个方法的例子。

　　xhr.open("get", "example.php", true);

　　这行代码会启动一个针对example.php 的GET 请求，调用open()方法并不会真正发送请求，而只是启动一个请求以备发送。一般情况下布尔值为true，表示需要异步发送请求。发送工作准备就绪后调用send();方法发送请求。

　　xhr.send(null);

　　send方法接受一个参数，作为请求主体发送的数据。如果不需要通过请求主体发送数据，则必须传入null，因为这个参数对有些浏览器来说是必需的。对于get的请求类型，是不需要发送数据的，所以只需要传入null，如果是post的请求类型，则必须传入数据。

　　③：调用send()之后，请求就会被分派到服务器。由于这次请求是同步的，JavaScript 代码会等到服务器响应之后再继续执行。在收到响应后，响应的数据会自动填充XHR对象的属性，相关的属性简介如下。

　　　　responseText：作为响应主体被返回的文本。

　　　　response

　　　　status：响应的HTTP 状态。

　　　　statusText：HTTP 状态的说明。

　　　　当status为200到300或者304的时候，表明响应返回成功。（详细可以见HTTP状态码及文字说明）。同时xhr对象有个readyState 属性，该属性表示请求/响应过程的当前活动阶段。这个属性可取的值如下。　　

　　　 　0：未初始化。尚未调用open()方法。

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：Ajax学习整理

关键词：ajax