AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML);
AJAX 不是新的编程语言,而是一种使用现有标准的新方法,用于创建快速动态网页的技术;
AJAX 在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页。
(1)知识点
- (1.1)创建对象
- (1.2)请求
- (1.3)响应
- (1.4)onreadystatechange 事件
(2)细化
- (2.1)创建XMLHttpRequest对象
XMLHttpRequest 是 AJAX 的基础,用于和服务器交换数据,这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新;
所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject);
var xmlhttp;
if (window.XMLHttpRequest){
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}else{
// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
- (2.2)向服务器发送请求
如需将请求发送到服务器,我们使用 XMLHttpRequest 对象的 open() 和 send() 方法:
xmlhttp.open("GET","test1.txt",true);
xmlhttp.send();
GET 请求:
xmlhttp.open("GET","demo_get.asp",true);
xmlhttp.send();
这个时候,我们得到的结果可能是缓存的结果,优化一下:
xmlhttp.open("GET","demo_get.asp?t=" + Math.random(),true);
xmlhttp.send();
GET 还是 POST?
与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。
在以下情况中,使用 POST 请求:
· 无法使用缓存文件(更新服务器上的文件或数据库)
· 向服务器发送大量数据(POST 没有数据量限制)
· 发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠
link:http://www.w3school.com.cn/ajax/ajax_xmlhttprequest_send.asp