当前位置: 首页 > 图文教程 > 网络编程 > AJAX技术 > 四步学会 Ajax

AJAX技术
5款Ajax 文件上传控件
使用jQuery简化Ajax开发
ajax 异步获取数据实现代码 (js创建ajax对象)
AJAX 用户唯一性验证实现代码
ajax+php 谷歌搜索框自动填充功能 实例代码
ajax 同步和异步XMLHTTP代码分析
AJAX 动态获取当前时间(php)
AJAX 实时读取输入文本(php)
AJAX 二级级联菜单实现代码
利用AJAX实现鼠标悬浮获取值的代码
javascript ajax功能函数
javascript对XMLHttpRequest异步请求的面向对象封装
一个AJAX类代码
AJAX在GB2312的中文编码传输 AJAX特殊字符编码正确方法
编码为GB2312网站让AJAX接收的数据显示支持中文
ajax实现的提交文章前进行敏感词审核的代码
js+AJAX异步从优酷专辑中采集所有视频及信息
ajax 缓存 问题 requestheader
十大最佳Ajax教程收集(图文)

AJAX技术 中的 四步学会 Ajax


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-13   浏览: 51 ::
收藏到网摘: n/a

看了下面的函数说明,大家就可以简单的了解ajax的原理了。
复制代码 代码如下:

//第一步 : 创建XMLHttpRequest对象
var http_request;
try
{
http_request = window.ActiveXObject("Microsoft.XMLHTTP");
}catch(e)
{
try
{
http_request = new XMLHttpRequest();
}catch(e)
{
alert("你的浏览器不支持XMLHttpRequest");
}
}
//第二步 : 指定提交的 url
http_request.open("get", "url", "true"); //get 为提交方式, true 为指定异步于服务器交互
//第三步 : 处理服务器返回数据
http_request.onreadystatechange = function() //回调函数,总共会调用 4 次,readtState 依次变化为 : 0 -> 1 -> 2 -> 3 -> 4(completed);
{
if(http_request.readyState ==4) //服务器处理完成
{
if(http_request.status == 200) //客户端处理完成
{
//处理段
}
}
}
//第四步 : 发送参数
http_request.send(null); //发送参数