AJAX
AJAX 是一种在无需重新加载整个网页的情况下,能够实现局部更新的技术。
什么是AJAX
AJAX = 异步 JavaScript 和 XML。 (Asynchronized JavaScript And XML)
AJAX 是一种用于创建快速动态网页的技术。ajax的工作原理:浏览器通过XMLHTTPRequest对象向服务器发送请求,服务器得到请求后对数据进行修改后,返回给原浏览器。
AJAX是基于现有的Internet标准,并且联合使用它们:
- XMLHttpRequest 对象 (异步的与服务器交换数据)
- JavaScript/DOM (信息显示/交互)
- CSS (给数据定义样式)
- XML (作为转换数据的格式)、JSON
使用Ajax发送请求四个步骤:
1 创建XMLHTTPRequest对象
2 设置onreadystatechange回调函数
3 open() 打开连接
4 send() 发送请求
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 属性。