AJAX基础与使用
1 什么是AJAX?
AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。AJAX = 异步 JavaScript 和 XML。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 而传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。
有很多使用 AJAX 的应用程序案例:新浪微博等。
2 AJAX创建 XMLHttpRequest 对象
所有现代浏览器(IE7+、Firefox、Chrome、Safari 以及 Opera)均内建 XMLHttpRequest 对象。
为了应对所有的现代浏览器,包括 IE5 和 IE6,需要检查浏览器是否支持 XMLHttpRequest 对象。创建 XMLHttpRequest 对象的语法如下:
var xmlhttp;
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp=new XMLHttpRequest();
}
else
{
// IE6, IE5 浏览器执行代码
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
3 GET或POST请求
如需将请求发送到服务器,需要使用 XMLHttpRequest 对象的 open() 和 send() 方法:
例1:get请求
xmlhttp.open("GET","aa.txt",true);
xmlhttp.send();
例2: post请求
xmlhttp.open("POST","/try/ajax/demo_post.php",true);
xmlhttp.send();
4 写Ajax的步骤
- 创建Ajax对象;
- 连接到服务器;
- 发送请求;
- 接收请求;