首先我们来看看Ajax可以干些什么?
你可以使用Ajax配合XHTML+CSS来表达资讯(微博);还可以运用JavaScript操作DOM(Document Object Model)来执行动态效果(网页的后台管理系统);还运用XML和XSLT操作资料(在网页导出excle表格);还运用XMLHttpRequest或新的Fetch API与网页服务器进行异步资料交换(谷歌地图).
那么什么是Ajax呢?
其实就是Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).但是它不是一种编程语言.是基于现有标准的一种新方法,它自身最大的优点就是可以实现不刷新整个页面的前提下,来与服务器交换数据并且,更新部分网页的内容.它本身也不需要用户下载任何浏览器插件,只要你的浏览器可以支持JavaScript脚本就可以运行.
Ajax的工作原理:
它被用来快速创建动态网页,通过与后台服务器少规模数据的交互,就可以用Ajax来实现网页异步更新,就可以达到在不刷新整个页面前提的情况下来局部刷新部分网页,Ajax广泛流传的原因正是因为在 2005 年Google在他们的Google 地图中使用了此技术,才让Ajax广为人知
实现Ajax异步刷新:
1.创建XMLHttpRequest对象
所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject)。
var xmlhttp=null;
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 浏览器创建对象
xmlhttp=new XMLHttpRequest();
}
else
{
// 兼