科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网软件频道基础软件在ASP.NET中使用AJAX的简单方法

在ASP.NET中使用AJAX的简单方法

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

本文介绍了使用AJAX和ASP.NET编写web应用程序的一个简单方法。同时,讨论了使用AJAX的好处和不足。

作者:李宁 来源:天极开发 2007年11月6日

关键字: Windows

  • 评论
  • 分享微博
  • 分享邮件
写在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事件出发时调用。如果这样做,我们还可以使用相应的aspx页后端C#代码将这个方法注册为启动脚本。

Page.RegisterStartupScript("ajaxMethod", String.Format("<script>ExecuteCall('{0}');</script>", url));

  我们可以将上面代码加到ASP.NET后端代码的Page_Prerender或Page_Load方法中。

  服务端页面

  让我们看看服务端页面象什么。如果它是一个ASP.NET页(我们假设的),我们仅仅对它的后端代码感性趣。我们可以将.aspx文件中代码都删除,这样丝毫不会影响这个aspx页的功能。

  例如,我们有一个将摄氏度转换为华氏度的web service。如果你将这个web service的URL的引用加入到你的工程中,Visual Studio将产生一个叫"com.developerdays.ItempConverterservice"的代理类,这个代理类使用当前的命名空间。有一个名为getTemp.aspx的aspx页,它接收一个叫"temp"的查询参数,这参数包含一个整数的摄氏度值。如http://localhost/getTemp.aspx?temp=25。这个aspx页的后端代码如下:

private void Page_Load(object sender, EventArgs e)
{
 Response.Clear();
 string temp = Request.QueryString["temp"];
 if (temp != null)
 {
  try
  {
   int tempC = int.Parse(temp);
   string tempF = getTempF(tempC);
   Response.Write(tempF);
  }
  catch
  {}
 }
 Response.End();
}

private string getTempF(int tempC)
{
 com.developerdays.ITempConverterservice
 svc = new ITempConverterservice();
 int tempF = svc.CtoF(tempC);
 return tempF.ToString();
}

  现在我们要建立一个可以调用上面的getTemp.aspx页的请求字符串,这个字符串将传递到RegisterStartupScript方法中。代码如下:

int tempC = 25;
string url = String.Format("http://localhost/" +
"getTemp.aspx?temp={0}", tempC);

  在一些简单情况,如果要传递的只是简单的文本,可以通过URL直接传给ExecuteCall方法。

  结论

  本文举了一个在任何ASP.NET程序都可以使用AJAX技术的简单例子。AJAX除了能给用户一些全新的体验外,也有一些缺点和不足。至于是否使用AJAX技术,这完全取决于开发人员自身,在本文中我只是举了个简单的例子,学习它并不需要太多的时间,也不需要任何特殊的技能。

查看本文来源

    • 评论
    • 分享微博
    • 分享邮件
    邮件订阅

    如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。

    重磅专题
    往期文章
    最新文章