AJAX =Asynchronous JavaScript and XML () (异步的JavaScript和XML)
Ajax不是新的变成语言,而是一种使用现有标准的新方法。
Ajax最大的有点事在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。
Ajax不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp=new XMLHttpRequest();
}
else
{
// IE6, IE5 浏览器执行代码
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>
<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
<button type="button" onclick="loadXMLDoc()">修改内容</button>
AJAX应用
运行HTML+CSS来表示咨询
运用Java操作DOM(Document Object)来执行动态效果
运用XML和XSLT操作资料
运用XMLHttpRequest或新的Fetch API与网页服务器进行异步资料交换
AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。
有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。
AJAX是基于现有的Internet标准
AJAX是基于现有的Internet标准,并且联合使用它们:
XMLHttpRequest 对象 (异步的与服务器交换数据)
JavaScript/DOM (信息显示/交互)
CSS (给数据定义样式)
XML (作为转换数据的格式)
AJAX 实例
为了帮助您理解 AJAX 的工作原理,我们创建了一个小型的 AJAX 应用程序: