ajax-210810-01---ajax了解

ajax-210810-01—ajax了解

• AJAX是实现局部刷新的一种技术
• AJAX 中的核心对象 XMLHttpRequest
• 什么是AJAX

---

AJAX是实现局部刷新的一种技术

全局刷新原理:
    1) 必须由浏览器亲自向服务端发送请求协议包。
    2) 这个行为导致服务端直接将【响应包】发送到浏览器内存中
    3) 这个行为导致浏览器内存中原有内容被覆盖掉
    4) 这个行为导致浏览器在展示数据时候，只有响应数据可以展示

浏览器在展示数据时，此时在窗口既可以看到本次的响应数据， 同时又可以看到浏览器内存中原有数据.
 
局部刷新原理:
    1) 不能由浏览器发送请求给服务端
    2) 浏览器委托浏览器内存中一个脚本对象代替浏览器发送请求.
    3) 这个行为导致导致服务端直接将【响应包】发送脚本对象内存中
    4) 这个行为导致脚本对象内容被覆盖掉，但是此时浏览器内存中绝大部分内容没有收
    到任何影响.
    5) 这个行为导致浏览器在展示数据时候,同时展示原有数据和响应数据

---

AJAX 中的核心对象 XMLHttpRequest

在局部刷新，需要创建一个对象，代替浏览器发起请求的行为，这个对象存在内存中。
代替浏览器发起请求并接收响应数据。这个对象叫做异步请求对象。
全局刷新是同步行为， 局部刷新是异步行为[浏览器数据没有全部更新]
这个异步对象用于在后台与服务器交换数据。XMLHttpRequest 就是我们说的异步对象。

XMLHttpRequest 对象能够：
    1) 在不重新加载页面的情况下更新网页
    2) 在页面已加载后向服务器请求数据
    3) 在页面已加载后从服务器接收数据

创建 XMLHttpRequest 对象的语法（xhr）：
		var xmlhttp=new XMLHttpRequest();

---

什么是 AJAX

AJAX  ---->  Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分页面内容的新方法，
AJAX 不是新的编程语言，而是使用现有技术混合使用的一种新方法，
ajax 中使用的技术有JavaScript, html , dom , xml ,css 等。主要是 JavaScript , XML。

JavaScript: 负责创建异步对象，使用脚本对象XMLHttpRequest 发送请求， 接收响应数据。
XML: 发送和接收的数据格式，现在使用 json。