Ajax学习笔记（一）
对与任意一门语言的学习，我们大都是从基础开始，而对于Ajax的学习我们大可不必，因为它本身就不是一门新的语言，Ajax=Asynchronous javascript and xml。肤浅的说，它就是基本语言混合应用的结果，正由于这种混合不是随心所欲，任意勾兑的，才 有了成系统，成规范的Ajax。
为此，我们一开始就从一个简单的Ajax应用开始，了解各种技术的作用，以及它们之间巧妙的衔接作用：
Ajax带给我们的：
通过 Ajax，您的 JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象，您的 javascript 可在不重载页面的情况与 Web 服务器交换数据
Ajax在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。
Ajax可使因特网应用程序更小、更快，更友好。
Ajax是一种独立于 Web 服务器软件的浏览器技术。
了解Ajax的核心对象XMLHttpRequest:
我们有必要了解一下XMLHttpRequest对象的三个重要属性。
1.onreadystatechange属性
onreadystatechange属性存有处理服务器响应的函数
e.g:xmlHttp.onreadystatechange=function(){ 写上我们需要它做的事 }
2.readyState属性
readyState属性存有服务器响应的状态信息。每当readyState改变时，onreadystatechange函数就会被执行。
状态0：请求未初始化（在调用open()之前）
1：请求已提出（调用send()之前）
2：请求已发送（可以从响应得到内容头部）
3：请求处理中（响应中通常有部分数据可用，但服务器还没有完成响应）
4：请求已完成（可以访问服务器并使用它）
3.responseText属性
可以通过responseText属性来取回由服务器返回的数据e.g:xmlHttp.responseText
Ajax简单示例：
test.html文件如下：
<html>
<head>
<script type="text/javascript">
//不同的浏览器创建XMLHttpRequest对象的方法
func
相关文档：
Thickbox
-
基于
jQuery
，支持 AJAX，轻量级的而且比较高效。支持图片与HTML内容。大小约为
40k，目前还可作为 WordPress
的插件使用。这个js的优点在于与，父级的原页面滚动条随鼠标滚动的时候，弹出的层并不移动，而始终处于浏览器的固定位置。
GreyBox
- 创建 iframe 的弹出界面，可使用图片 ......
var httpRequest = false;
var mesdivs = null
function sendRequest(url, mesdiv) {
mesdivs = mesdiv;
httpRequest = false;
if (window.XMLHttpRequest) {
httpRequest = new XMLHttpRequest();
......
<script type="text/javascript">
function addUrl(){
//1、设置请求url地址
var name = document.getElementById("name").value;
var text = document.getElementById("url").value;
var url = "insertUrl.do?name="+name+
"&url="+text+"&time"+new Date() ;
//2、创建xmlHttpRequest对象
x ......
客户端代码：
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if (window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function sl(url){
......
以下代码请在Firefox 3.5、Chrome 3.0、Safari 4之后的版本中进行测试。IE8的实现方法与其他浏览不同。
跨域请求，顾名思义，就是一个站点中的资源去访问另外一个不同域名站点上的资源。这种情况很常见，比如说通过 style. 标签加载外部样式表文件、通过 img 标签加载外部图片、通过 script. 标签加载外部脚本文件、通过 W ......
