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

AJAX技术
成功实现ajax,xmlhttp跨域访问
实现在AJAX下的前进、后退功能
ASP.NET AJAX 控件中HTML Intellisense功能的丢失
网页中Flash激活限制的处理方法
初学Ajax须注意的几个问题
AJAX初学:IE缓存页面的问题
AJAX中DOM的操作方法
AJAX中文乱码的两类问题
ajax应该如何应用?
网页注册表单的网页设计技巧
Ajax:研究密码强度规则(仿google)
处理大量JavaScript对象的好选择:JSON
解决ajax跨域问题的实例
认识AJAX了解AJAX优点缺点和运用
一些比较常见的Javascript框架
ASP.NET AJAX:UpdatePanel控件
AJAX教程(1):AJAX简介
AJAX教程(2):AJAX Http请求
AJAX教程(3):AJAX实例
AJAX教程(4):AJAX 浏览器支持

AJAX技术 中的 四步学会 Ajax


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