AJAX全称为"Asynchronous JavaScript and XML"(异步JavaScript和XML)。
是指一种创建交互式网页应用的网页开发技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
Ajax应用程序的优势在于:
1. 通过异步模式,提升了用户体验
2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用
3. Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。
jQuery中的ajax用法:
$.ajax({
type:"get",
url:"data.json",
async:true,
success:function(data){
var movies=data.movies;
var str="";
for(k in movies){
str+= '<li><img src="'+movies[k]+'"/></li>';
}
$("#movies").html(str);
}
});
jsonp跨域中ajax用法:
$.ajax({
type:"get",
url:"http://127.0.0.1/ajax/jsonP_cross_domain/server_get.php",
async:true,
dataType : 'jsonp',
jsonp:"callback",
success:function(data){
var str="";
for(var k in data){
str+='<p>'+data[k]+'</p>';
}
$("body").append($(str));
}
});
Javascript中ajax的用法:
window.onload = init;
function init(){
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");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","/ajax/demo_get.asp?t=" + Math.random(),true);
xmlhttp.send();
}