JavaScript调用后台方法（转）

最新推荐文章于 2025-08-12 14:37:12 发布

转载最新推荐文章于 2025-08-12 14:37:12 发布 · 88 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/joyosblogs/p/3374125.html

文章标签：

#javascript #ViewUI

本文详细介绍了在ASP.NET中通过三种方式调用后台方法：直接使用`<%= %>`调用、AJAX调用以及使用AjaxPro库调用。通过实例展示了如何实现前后台数据交互。

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

方法一：直接使用<%=%>调用

前台JS：

[javascript] view plain copy print ?

<script type="text/javascript">
var methodStr = "<%=BehindMethod() %>";
alert(methodStr);
</script>

 <script type="text/javascript">
        var methodStr = "<%=BehindMethod() %>";
        alert(methodStr);
        </script>

后头方法：

[csharp] view plain copy print ?

public static string BehindMethod()
{
return "这是一个后台的方法";
}

public static string BehindMethod()
        {
            return "这是一个后台的方法";
        }

方法二：用ajax调用

需要标识为WebMethod [System.Web.Services.WebMethod] // 注意，要让前台调用的方法，一定要是public和static的 public static string aaa(string name) { string result = "Hello:" + name; return result; }

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true" /> <input type="button" onclick="btnClick()" value="test" />

方法三：AjaxPro (也是ajax)

第一步：下载AjaxPro.dll(或者AjaxPro.2.dll),并且添加引用到项目

第二步：修改配置文件web.config

[csharp] view plain copy print ?

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

<system.web>
<httpHandlers>
      <!--注册ajaxPro.2-->
      <add verb="*" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>
    </httpHandlers>
  </system.web>

第三步：对AjaxPro在页Page_Load事件中进行运行时注册。如：

[csharp] view plain copy print ?

protected void Page_Load(object sender, EventArgs e)
{
AjaxPro.Utility.RegisterTypeForAjax(typeof(AjaxDemo)); //注册
}

        protected void Page_Load(object sender, EventArgs e)
        {
            AjaxPro.Utility.RegisterTypeForAjax(typeof(AjaxDemo));  //注册
        }

第四步：创建服务器方法，并且用[AjaxPro.AjaxMethod]标注

[csharp] view plain copy print ?

[AjaxPro.AjaxMethod]
public string GetImgByAjaxPro()
{
return "image/54222860.jpg";
}

        [AjaxPro.AjaxMethod]
        public string GetImgByAjaxPro()
        {
            return "image/54222860.jpg";
        }

第五步：前台JS的调用：

[javascript] view plain copy print ?

function GetMethodByAjaxPro() {
var a = JustTest.AjaxDemo.GetImgByAjaxPro();//JustTest是当前的名字空间，AjaxDemo表示后台类
document.getElementById("imgAjaxPro").src = a.value;
}

 function GetMethodByAjaxPro() {
            var a = JustTest.AjaxDemo.GetImgByAjaxPro();//JustTest是当前的名字空间，AjaxDemo表示后台类
            document.getElementById("imgAjaxPro").src = a.value;
        }

转载于:https://www.cnblogs.com/joyosblogs/p/3374125.html