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

AJAX技术
PHP+AJAX教程(8):AJAX RSS阅读器
PHP+AJAX教程(9):AJAX投票
PHP教程:Ajax进行Web开发
关于Ajax技术的注意事项
iframe创建智能表单
JavaScript有趣实例:胸罩罩杯尺寸计算器
提供gif icon制作的几个站点
选择CMS五大误区误区以及CMS点评
总结 PHP xajax应用方法
网页设计中优化代码重要性
Logo设计之有所为有所不为
浅析Ajax为什么优于JSF
Bing API的简单了解
解决AJAX中文回传乱码
VS 2008完美地支持JavaScript和ASP.NET AJAX
概念网站实例:所有网页都在一个网页里
不用组件实现Ajax效果
网页制作ajax特效实例
较好的视觉效果的网页选项卡
Webjx收集jquery实现动画效果的插件和教程

AJAX技术 中的 四步学会 Ajax


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