ASP.NET AJAX客户端编程之旅(搜这个标题有一个系列的好文章)
2008-09-11 13:53
411 查看
window.ActiveXObject,返回一个bool值,看浏览器是否支持ActiveX控件
//针对不同浏览器,获取XMLHttpRequest对象
4function CreateXMLHttpRequest()
5//单击btnSayHello时调用的JS函数
function btnSayHello_onClick()
//回调函数
function HandleStateChange()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
document.getElementById("result").innerHTML = xmlHttp.responseText;
}
}
}
下面我对这个代码进行一个简要的解释。 首先,xmlHttp是一个全局变量,它被初始化后,将负责整个Ajax应用的核心。CreateXMLHttpRequest方法用来得到 XMLHttpRequest对象的实例,这里我们注意到,由于不同浏览器的获取对象方法不同,这里首先要检测浏览器类型,然后使用相应方法获得对象,十 分麻烦。btnSayHello_onClick是一个核心函数,当按钮被单击时,将调用这个函数。它首先初始化xmlHttp,然后指定回调函数为 HandleStateChange,最后异步发布POST请求,调用Output.aspx页面。最后,HandleStateChange作为回调函 数,在xmlHttp的请求状态发生改变时将自动被调用。而在这个函数中,当状态正常时,将id为“result”的DIV的内容设为调用结果。即 Output.aspx输出的字符串
//针对不同浏览器,获取XMLHttpRequest对象
4function CreateXMLHttpRequest()
5//单击btnSayHello时调用的JS函数
function btnSayHello_onClick()
//回调函数
function HandleStateChange()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
document.getElementById("result").innerHTML = xmlHttp.responseText;
}
}
}
下面我对这个代码进行一个简要的解释。 首先,xmlHttp是一个全局变量,它被初始化后,将负责整个Ajax应用的核心。CreateXMLHttpRequest方法用来得到 XMLHttpRequest对象的实例,这里我们注意到,由于不同浏览器的获取对象方法不同,这里首先要检测浏览器类型,然后使用相应方法获得对象,十 分麻烦。btnSayHello_onClick是一个核心函数,当按钮被单击时,将调用这个函数。它首先初始化xmlHttp,然后指定回调函数为 HandleStateChange,最后异步发布POST请求,调用Output.aspx页面。最后,HandleStateChange作为回调函 数,在xmlHttp的请求状态发生改变时将自动被调用。而在这个函数中,当状态正常时,将id为“result”的DIV的内容设为调用结果。即 Output.aspx输出的字符串
相关文章推荐
- ASP.NET AJAX客户端编程之旅(六)——来做一个自己的客户端控件
- ASP.NET AJAX客户端编程之旅(六)——来做一个自己的客户端控件(转载)
- ASP.NET AJAX客户端编程之旅(六)——来做一个自己的客户端控件
- ASP.NET AJAX客户端编程之旅(六)——来做一个自己的客户端控件(3)
- ASP.NET AJAX客户端编程之旅(四)——以组件的思想开发Ajax应用:客户端组件初探 收藏 在这里添加日志标题
- ASP.NET AJAX客户端编程教程(3)——让JavaScript和C#无障碍沟通:数据类型自动转换&序列化
- 新瓶旧酒ASP.NET AJAX系列文章索引
- [导入]ASP.NET AJAX客户端编程之旅(三)——让JavaScript和C#无障碍沟通:数据类型自动转换&序列化
- ASP.NET AJAX客户端编程之旅(二)——知其所以然
- ASP.NET AJAX客户端编程之旅(一)——Hello!ASP.NET AJAX
- WebCast《实战ASP.NET AJAX系列课程(2):使用客户端框架创建“纯粹”的Ajax应用程序》相关资源
- 新瓶旧酒ASP.NET AJAX系列文章索引
- ASP.NET AJAX入门系列:使用客户端脚本对UpdateProgress编程
- 学习ASP.NET Core Razor 编程系列二——添加一个实体
- ASP.NET AJAX客户端编程之旅(一)——Hello!ASP.NET AJAX
- ASP.NET AJAX客户端编程之旅(三)——让JavaScript和C#无障碍沟通:数据类型自动转换&序列化
- Asp.net Ajax 客户端编程—面向对象
- ASP.NET AJAX客户端编程之旅(五)——以组件的思想开发Ajax应用:行为、绑定及xml-script
- 新瓶旧酒ASP.NET AJAX系列文章索引
- ASP.NET AJAX客户端编程之旅(一)——Hello!ASP.NET AJAX