AJAX基础

标签：服务   通过   rip   .ajax   数据交互   发送   之间   交互   方便   

　　Ajax 是 Asynchronous JavaScript and XML（以及 DHTML 等）的缩写，在传统的网页中，如果需要更新某一小部门内容都需要重新载入整个网页，导致效率低下，而且网络流量开销大，服务器负载高，而采用AJAX技术可以实现网页的部分刷新，通过与服务器的少量数据交互，达到局部异步更新的效果。

　　使用AJAX需要用到一个javascript中的对象XMLHttpRequest，这是AJAX技术的核心对象。

　　创建新的 XMLHttpRequest 对象，可以使用如下代码：
<script language="javascript" type="text/javascript">
var xmlHttp = new XMLHttpRequest();
</script>

　　Ajax 基本上就是把 JavaScript 技术和 XMLHttpRequest 对象放在 Web 表单和服务器之间。当用户填写表单时，数据发送给一些 JavaScript 代码而不是 直接发送给服务器。相反，JavaScript 代码捕获表单数据并向服务器发送请求。同时用户屏幕上的表单也不会闪烁、消失或延迟。换句话说，JavaScript 代码在幕后发送请求，用户甚至不知道请求的发出。更好的是，请求是异步发送的，就是说 JavaScript 代码（和用户）不用等待服务器的响应。因此用户可以继续输入数据、滚动屏幕和使用应用程序。

　　使用AJAX发出请求：

1、从 Web 表单中获取需要的数据。 
2、建立要连接的 URL。 
3、打开到服务器的连接。 
4、设置服务器在完成后要运行的函数。 
5、发送请求。 

使用 XMLHttpRequest 打开一个连接

xmlHttp.open("GET", url, true);

发送请求

xmlHttp.send(null);

　　基于JavaScript的原生AJAX使用较为麻烦，使用基于jQuery的AJAX会更为方便。使用jQuery-ajax发送请求：

$.ajax({

     type: ‘POST‘,

     url: url ,

    data: data ,

    success: success ,

    dataType: dataType

});

AJAX基础

标签：服务   通过   rip   .ajax   数据交互   发送   之间   交互   方便   

原文地址：http://www.cnblogs.com/Freebe/p/7106932.html