AJAX进行数据交互的过程

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();
}