AJAX

AJAX 是一种在无需重新加载整个网页的情况下,能够实现局部更新的技术。
什么是AJAX

AJAX = 异步 JavaScript 和 XML。 (Asynchronized JavaScript And XML)
AJAX 是一种用于创建快速动态网页的技术。AJAXajax的工作原理:浏览器通过XMLHTTPRequest对象向服务器发送请求,服务器得到请求后对数据进行修改后,返回给原浏览器。

AJAX是基于现有的Internet标准,并且联合使用它们:

  • XMLHttpRequest 对象 (异步的与服务器交换数据)
  • JavaScript/DOM (信息显示/交互)
  • CSS (给数据定义样式)
  • XML (作为转换数据的格式)、JSON

使用Ajax发送请求四个步骤:
1 创建XMLHTTPRequest对象

2 设置onreadystatechange回调函数

3 open() 打开连接

4 send() 发送请求
AJAXAJAX

AJAX 1.创建XMLHttpRequest对象
XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
2.onreadystatechange回调函数
当请求被发送到服务器时,我们需要执行一些基于响应的任务。每当 readyState 改变时,就会触发 onreadystatechange 事件。readyState 属性存有 XMLHttpRequest 的状态信息
注意: onreadystatechange 事件被触发 4 次, 五个状态(0 - 4),对应着 readyState 的每个变化。
3. XMLHttpRequest请求

如需将请求发送到服务器,我们使用 XMLHttpRequest 对象的 open() 和 send() 方法:
xmlhttp.open(“GET”,“servlet1”,true);
xmlhttp.send();

方法 描述
open(method,url,async) 规定请求的类型、URL 以及是否异步处理请求。method:请求的类型;GET 或 POSTurl:文件在服务器上的位置async:true(异步)或 false(同步)
send(string) 将请求发送到服务器。string:仅用于 POST 请求
XMLHttpRequest响应

服务器响应

如需获得来自服务器的响应,请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。