首页 > 代码库 > AJAX基础

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基础