Ajax

什么是Ajax？

Ajax= 异步 JavaScript 和 XML。
Ajax 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
传统的网页（不使用 Ajax）如果需要更新内容，必需重载整个网页面。
有很多使用 Ajax的应用程序案例：新浪微博、Google 地图、开心网等等。

---

Ajax的工作原理

1313.jpg

---

Ajax的执行

ajax 最重要的是1个对象 【XMLHttpRequest 对象】

1. 创建对象

var xhr = new XMLHttpRequest();  

2. 调用此对象中【 准备】（打开）方法
   参数1： 请求数据的方式 GET / POST ， put 等
   参数2： 请求数据的地址
   参数3： false 是同步的方式， true 就是异步

xhr.open("GET", "http://localhost:8080/ajax/ajaxtest", true); 

如何判断用GET 还是 POST？

与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。
然而，在以下情况中，请使用 POST 请求：
①无法使用缓存文件（更新服务器上的文件或数据库）
②向服务器发送大量数据（POST 没有数据量限制）
③发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠

url 服务器上的文件

open() 方法的 url 参数是服务器上文件的地址：
该文件可以是任何类型的文件，比如 .txt 和 .xml，或者服务器脚本文件，比如 .asp 和 .php （在传回响应之前，能够在服务器上执行任务）。

如何判断用异步True 或 同步False？

Ajax指的是异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。
XMLHttpRequest 对象如果要用于 Ajax的话，其 open() 方法的 async 参数必须设置为 true：
对于 web 开发人员来说，发送异步请求是一个巨大的进步。很多在服务器执行的任务都相当费时。Ajax 出现之前，这可能会引起应用程序挂起或停止。
通过 Ajax，JavaScript 无需等待服务器的响应，而是，在等待服务器响应时执行其他脚本，当响应就绪后对响应进行处理

3. 发送

xhr.send(); 

4. 获取数据

console.log(  xhr.responseText );