AJAX基础
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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基础的主要内容，如果未能解决你的问题，请参考以下文章