浅谈ASP.NET中使用AJAX的简单方法(2)_.Net教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

推荐:解读ASP.NET编写应用程序的十大技巧
1、在使用Visual Studio .NET时,除直接或非引用的对象外,不要使用缺省的名字。 .NET带来的好处之一是所有的源代码和配置文件都是纯文本文件,能够使用Notepad或WordPad等任意的文本编辑器进行编辑。如果不愿意,我们并非一定要使用Visual Studio .NET作为

所以GetMSXmlHttp方法可以简化为以下形式:

以下为引用的内容:
function GetMSXmlHttp() {
var xmlHttp = null;
var clsids = ["Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0"];
for(var i=0; i
xmlHttp = createXmlHttp(clsids[i]);
}
return xmlHttp;
}

我们可以看出,GetXmlHttpObject方法有一个handle参数,这个参数指向一个回调方法,这个回调方法将被定义在每一个需要刷新的aspx页中。现在我们已经有了一个XmlHttp对象,接下来我们可以发送一个异步的HTTP请求了。

以下为引用的内容:
function SendXmlHttpRequest(xmlhttp, url) {
xmlhttp.open(’GET’, url, true);
xmlhttp.send(null);
}

 


在以上代码中我使用了一个GET HTTP请求发送了一个URL,你可以很容易修改以上的JavaScript代码,使其发送其它的HTTP方法。

写在aspx页中的方法

现在我们已经编写完调用远程页面的所有方法。为了执行这些方法,我们需要为GetXmlHttpObject方法传递一个回调方法名,然后向SendXmlHttpRequest方法传递一个URL字符串。下面是相应的实现代码:

以下为引用的内容:
var xmlHttp;
function executeCall(url)
{
try
{
xmlHttp = GetXmlHttpObject(CallbackMethod);
SendXmlHttpRequest(xmlHttp, url);
}
catch(e){}
}
//CallbackMethod will fire when the state
//has changed, i.e. data is received back
function CallbackMethod()
{
try
{
//readyState of 4 or ’complete’ represents
//that data has been returned
if (xmlHttp.readyState == 4 || xmlHttp.readyState == ’complete’)
{
var response = xmlHttp.responseText;
if (response.length > 0)
{
//update page
document.getElementById("elementId").innerHTML = response;
}
}
}
catch(e){}
}

CallbackMethod方法负责更新页面。在我们的例子中,它只更新了指定的HTTP对象的inner HTML。但在实际应用中,可以更新更多的内容。

最后要解决的问题是我们如何在aspx页中调用executeCall方法。如何调用executeCall方法取决于这个页面要做什么。在一些情况下,executeCall方法可以在JavaScript事件出发时调用。

分享:浅谈ASP.NET开发下的MVC设计模式的实现
ASP.NET是微软最新推出的新型体系结构.NET框架的一部分,它为构造新一代动态网站和基于网络的分布式应用提供了强有力的支持。与以前的Web 开发模型相比,ASP.NET 提供了许多重要的优点例如: 简易性;安全性;可管理性等。而且与基于过程的ASP页面技术相比,

来源:模板无忧//所属分类:.Net教程/更新时间:2009-07-01
相关.Net教程