首页 > 代码库 > 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基础