Ajax 介绍及实现方式

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

AJAX 不是新的编程语言，而是一种使用现有标准的新方法。

AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。

AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。

AJAX 应用

• 运用 XHTML+CSS 来表达资讯；

• 运用 JavaScript 操作 DOM（Document Object Model）来执行动态效果；

• 运用 XML 和 XSLT 操作资料;

• 运用 XMLHttpRequest 或新的 Fetch API 与网页服务器进行异步资料交换；

• 注意：AJAX 与 Flash、Silverlight 和 Java Applet 等 RIA 技术是有区分的。

什么是 AJAX ？

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。

有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。

 

在JQuery中，AJAX有三种实现方式：$.ajax() , $.post , $.get()。 
首先我们看$.get(): 

.代码如下:

$.get("test.jsp", 
{ name: "cssrain", time: "2008/01/21" }, //要传递的数据 
function(data){ 
alert("返回的数据: " + data); 
} 
) 

然后看$.post(): 
跟$.get()格式一样. 

.代码如下:

$.post("test.jsp", 
{ name: "cssrain", time: "2008/01/21" }, //要传递的数据 
function(data){ 
alert("返回的数据: " + data); 
} 
) 

上面2种方式的区别应该就是 请求方式不同(一个get 一个post). 
最后我们看$.ajax(): 

.代码如下:

$.ajax({ 
url:'Accept.jsp', 
type:'post', //数据发送方式 
dataType:'html', //接受数据格式 (这里有很多,常用的有html,xml,js,json) 
data:'text='+$("#name").val()+'&date='+new Date(), //要传递的数据 
error: function(){ //失败 
alert('Error loading document'); 
}, 
success: function(msg){ //成功 
alert( "Data Saved: " + msg ); 
} 
});