ajax画图教程

㈠ AJAX是什么如何在javaScript中使用

JavaScript能流行，一个很重要的原因是AJAX技术的应用。在网页中有很多的应用。举两个常见的AJAX应用的例子：
1、 在搜索中，我们输入关键字时，网页会实时展现搜索结果；这是用AJAX实现的。
2、 使用地图时，地图会根据用户显示的位置不停的更新。这也是通过AJAX实现。

那么什么是AJAX呢？
AJAX全称为Asynchronous JavaScript And XML直译就是异步的JavaScript和XML（这里我们主要介绍下JavaScript中AJAX的应用）
通常当JavaScript向服务器发送请求获取数据时，服务器会返回数据。在传统没有使用AJAX的网页中，需要刷新页面使其重新加载。而AJAX可以使网页在不重新加载页面的情况下对网页的局部进行更新。(比如，当你要放大地图的时候，你会不断的向服务器请求地图当前位置的详细信息，服务器返回数据给你，这里我们并不需要重新加载整个页面，不然用户体验就太差了。而是局部更新页面。)

由于我不可能在这写一个地图这样复杂的例子，而为了演示AJAX的使用，我借用了秒秒学的一个简单示例：

// 简单的AJAX举例。

// 1: 创建请求变量
var myRequest;

// 浏览器的特征检查。
if (window.XMLHttpRequest) { //若支持，则是火狐、谷歌等浏览器。
myRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) { // 若不支持, 则是IE浏览器。
myRequest = new ActiveXObject("Microsoft.XMLHTTP");
}

// 2: 为请求添加事件处理代码。
myRequest.onreadystatechange = function(){
console.log("匿名函数被调用！");
console.log(myRequest.readyState);
if (myRequest.readyState === 4) {
var p = document.createElement("p");
var t = document.createTextNode(myRequest.responseText);
p.appendChild(t);
document.getElementById("mainContent").appendChild(p);
}
};

// 3: 配置发送请求
myRequest.open('GET', 'simple.txt', true);
myRequest.send(null);

//....

使用AJAX主要分三部分，如示例中的
1、 创建请求的变量。
在script文件中，首先声明XMLHttpRequest对象,这也是题主说的Ajax的核心。浏览器页面能通过XMLHttpRequest对象和服务器进行通讯。因为这个对象的创建因浏览器的不同而有区别。所以我们要用if语句判断XMLHttpRequest是否存在。

2、 为请求添加事件处理代码
创建好XMLHttpRequest对象后，就可以向服务器发送请求了，不过我们首先处理服务器响应的事件。当服务器响应后会触发myRequest对象的onreadystatechange事件。
在onreadystatechange事件中我们看到myRequest调用了readyState属性，readyState有4个值表示目前响应所在的阶段，各数值表示如下：
l 1：请求已经建立，但是还没有发送（还没有调用 send()）。
l 2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）。
l 3：请求在处理中；通常响应中已有部分数据可用了，但是服务器还没有完成响应的生成。
l 4：响应已完成；您可以获取并使用服务器的响应了。
我们一般只关心readyState的值为4的情况，表示响应已完成。

3、 配置发送请求
使用open方法配置请求。它有三个参数：
1、第一个参数表示用GET获取服务器中的数据。
2、第二个参数是一个服务器地址，这里我们用本地的simple.txt代替，省去创建服务器的麻烦。
3、第三个参数true表示请求是异步的，即当请求发送后，JavaScript不会为了等待服务器的响应而阻塞，它会继续执行后续代码。

配置好请求后，用send方法发送请求，这里给send传递的参数是null，若有其它参数需要发送，也可以传递给send方法。

这样AJAX的简单使用例子就说完了，以上示例来自教程网站秒秒学，希望对你有帮助。

㈡ 推荐个ajax的视频教程..

jQuery是一套独立的javascript框架,里面包含了ajax功能的封装.
传统的只说ajax,更多的指使用xmlHttpRequest对象进行纯ajax操作.
所以,jQuery>ajax

<<基于ASP.NET和AJAX的博客>>

01_选材设计搭建母版.avi
02_当前活动菜单定位处理.avi
03_使用AuthenticationService实现登录.avi
04_使用AuthenticationService实现注销和状态管理.avi
05_使用RoleService实现角色管理.avi
06_使用ProfileService实现Profile管理.avi
07_使用jQuery插件实现用户注册(上).avi
08_使用jQuery插件实现用户注册(下)注册细节调整_功能实现.avi
09_管理日志分类_tabs插件使用.avi
10_HTML编辑器插件及发表日志.avi
11_使用jPage_AJAX获得分布数据.avi
12_使用jBind绑定数据及细节完善.avi
13_显示日志和评论列表.avi
14_发表评论.avi
15_发表评论及细节完善.avi
16_按分类查看日志列表_友情链接实现.avi
17_日志的编辑和删除.avi
18_删除评论_存档记录.avi
19_搜索功能_关于作者_站点地图_总结.avi

㈢ 一分钟学会什么是Ajax及Ajax请求的五个步骤

AJAX的意思就是异步的JavaScript和XML。简而言之，它是使用XMLHttpRequest对象与服务器端通信的脚本语言。它可以发送及接收各种格式的信息，包括JSON、XML、HTML和文本文件。

Ajax请求的五个步骤：

1、建立xmlHttpRequest对象。

2、设置回调函数。

3、使用OPEN方法与服务器建立连接xmlHttp.open("get","ajax?name="+ name,true)。

4、向服务器端发送数据。

5、在回调函数中针对不同的响应状态进行处理。

介绍

使用 JavaScript 向服务器提出请求并处理响应而不阻塞用户核心对象XMLHttpRequest。通过这个对象，您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据，即在不需要刷新页面的情况下，就可以产生局部刷新的效果。

Ajax 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。