Ajax简介
AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
什么是AJAX
AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。
有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。
————Ajax技术的应用场景：最大优势就是底层异步，然后局部刷新，进而提高用户体验（商品系统，评价系统，地图系统）
————最大的劣势不能直接进行跨域访问
Ajax技术写到了js函数中
AJAX实例解释
div 部分用于显示来自服务器的信息。当按钮被点击时，它负责调用名为 loadXMLDoc() 的函数：
<html>
<body>
<div id="myDiv"><h3>Let AJAX change this text</h3></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button>
</body>
</html>
接下来，在页面的 head 部分添加一个
<head>
<script type="text/javascript">
function loadXMLDoc()
{
.... AJAX script goes here ...
}
</script>
</head>
向服务器发送请求
如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法：
xmlhttp.open("GET","test1.txt",true);
xmlhttp.send();
| 方法 | 描述 |
|---|---|
| open(method,url,async) | 规定请求的类型，URL以及是否异步处理请求。method：请求的类型；GET或POST; url:文件在服务器上的位置；async：true（异步）或false（同步） |
| send(string) | 将请求发送到服务器;string：仅用于POST请求 |
| setRequestHeader(header,value) | 向请求添加HTTP头。 header：规定头的名称，value：规定头的值 |
GET还是POST
与POST相比，GET更简单也更快，并且在大部分情况下都能用。
然而，在一下情况中，请使用POST请求：
- 无法使用缓存文件（更新服务器上的文件或数据库）
- 向服务器发送大量数据（POST没有数据量限制）
- 发送包含位置字符的用户输入时，POST比GET更稳定，也更可靠
url-服务器上的文件
open()方法的url参数是服务器上文件的地址：
xmlhttp.open("GET","ajax_test.asp",true);
该文件可以是任何类型的文件，比如 .txt 和 .xml，或者服务器脚本文件，比如 .asp 和 .php （在传回响应之前，能够在服务器上执行任务）。
异步-True 或 False ？
AJAX 指的是异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。
XMLHttpRequest 对象如果要用于 AJAX 的话，其 open() 方法的 async 参数必须设置为 true：
xmlhttp.open("GET","ajax_test.asp",true);
对于 web 开发人员来说，发送异步请求是一个巨大的进步。很多在服务器执行的任务都相当费时。AJAX 出现之前，这可能会引起应用程序挂起或停止。
通过 AJAX，JavaScript 无需等待服务器的响应，而是：
- 在等待服务器响应时执行其他脚本
- 当响应就绪后对响应进行处理
扫一扫
1294
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
