使用AjaxPro实现时时局部刷新-优快云博客

本文链接：https://blog.youkuaiyun.com/Donny_zhang/article/details/1812839

本文介绍如何使用AjaxPro库在ASP.NET Web应用程序中实现异步调用，包括获取服务器时间和两个数相加的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 首先在功能中引用：AjaxPro.2.dll 可以到网上找一下。

2. webconfig中加：

<system.web >
<httpHandlers >
<add verb="*" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/ >

</httpHandlers >
</system.web >
————————————————————————————————
3. ajax_show.aspx.cx 代码：

using System;

using System.Data;

using System.Configuration;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

public partial class ajax_show : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
AjaxPro.Utility.RegisterTypeForAjax(typeof(ajax_show));
}
[AjaxPro.AjaxMethod]

public DateTime GetServerTime()
{

return DateTime.Now;

}

[AjaxPro.AjaxMethod]

public int AddTwo(int firstInt, int secondInt)
{

return firstInt + secondInt;

}

}

————————————————————————

4. ajax_show.aspx 代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ajax_show.aspx.cs" Inherits="ajax_show" % >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server" >
<title >无标题页 </title >
</head >
<body >

<form id="form1" runat="server" >

<div >

<input id="Button1" type="button" value="获得服务器时间"
onclick="getServerTime();" / >

<input id="Text1" type="text" / >

<input id="Text2" type="text" / >

<input id="Button2" type="button" value="得到两个文本框的和
" onclick="add(document.getElementById( "Text1 ").value,
document.getElementById( "Text2 ").value)" / >
</div > </form >

<script type="text/javascript" >

function getServerTime()

{

//MyDemo._Default.GetServerTime()得到从服务器传来的数据是object，要写.value

alert(ajax_show.GetServerTime().value);

}

function add(a,b)

{

//把文本框的值转换成int

var a1 = parseInt(a);

var b1 = parseInt(b);

//第1、2参数为服务器方法所需要的参数，后面一个是如果服务器返回数据

//客户端要处理这些数据的js函数名，他有个参数就是从服务器传来的数据

ajax_show.AddTwo(a1,b1,getAdd);

}

function getAdd(rel)

{

//要加上.value

alert(rel.value);

}

</script >

</body >
</html >