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

AJAX技术
用AJAX技术聚合RSS
Ajax 网址备忘
用javascript实现页面无刷新更新数据
ajax应用
AJAX入门之XMLHttpRequest慨述
AJAX入门之深入理解JavaScript中的函数
XMLHttpRequest of ajax
ajax 检测用户名是否被占用
开始研究Ajax. 第一天
ajax 不错的应用
Ajax技术(WEB无刷新提交数据)-
AJAX应用之注册用户即时检测
AJAX初体验之上手篇
ASP小偷程序如何利用XMLHTTP实现表单的提交
AJAX打造博客无刷新搜索
Flash & Ajax 操作 XML 实例:无刷新分页
Ajax 汇总以及初步评价
基于 Ajax 的无限级菜单
AJAX请求类
发布三个ajax相关的函数,包括无刷新提交表单等

AJAX技术 中的 四步学会 Ajax


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-13   浏览: 64 ::
收藏到网摘: 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); //发送参数