ASP.NET JS调用PageMethods

asp.net web 同时被 3 个专栏收录
171 篇文章 0 订阅
123 篇文章 1 订阅
21 篇文章 2 订阅

操作步骤:

1。新建一个WebApplication项目,取默认设置。

2。双击设计界面,进入后天代码编辑界面,代码如下:

using System;
using System.Web.Services;
 
namespace WebApplication1
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
 
        }
        [WebMethod]
        public static string TestFunc1()
        {
            return "This is the returns of behind code function one";
        }
        [WebMethod]
        public static string TestFunc2(string str)
        {
            return "This is the returns of behind code function two!You give me the string :"+str;
        }
    }
}

3。准备好PageMethods后,编辑Default.aspx文件。代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>
 
<!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>JS调用后台PageMethods</title>
    <script type="text/javascript" language="javascript">
    function TheJSTestfunc1()
    {
        PageMethods.TestFunc1(onsuccess);
    }
    function TheJSTestfunc2()
    {
        var txt=document.getElementById('Text1').value;
        PageMethods.TestFunc2(txt,onsuccess);
    }
    function onsuccess(value)
    {   
    document.getElementById('divResult').innerHTML=value;
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
    </asp:ScriptManager>
    <div>
        <input id="Button1" type="button" value="button" οnclick="TheJSTestfunc1()" />
        <hr />
        <input id="Text1" type="text" /><input id="Button2" type="button" value="button" οnclick="TheJSTestfunc2()" />
        <hr />
        The returns :<div id="divResult"></div>
    </div>
    </form>
</body>
</html>

操作说明:

其实与我的另一篇随笔[JS调用WebService]里面提到的相似。

1.页面中需要添加ScriptManager组件,然后将它的EnablePageMethods属性设置为True。

2.编写页面方法时也要向调用WebService一样,在方法前加[WebMethod],调用WebService与PageMethods其实是同出一辙,原理都是一样的。

工作原理:

  暂无。

源码下载:

  JS调用PageMethods



  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值