javascript与asp.net(c#)互相调用方法

为了实现JavaScript与ASP.NET(C#)互相调用方法，我们可以通过以下两种方法来实现：

使用Ajax调用Web API
以上方法适用于在前端JavaScript中调用后端C#方法。

首先，你需要创建一个Web API控制器，以便在后台中实现一些C#方法，然后该控制器将返回JSON数据。这些方法可以使用C#类库、数据库连接、Entity Framework等等。

如下是一个简单的ASP.NET Web API例子：

namespace WebApplication.Controllers
{
    public class ExampleController : ApiController
    {
        [HttpGet]
        public HttpResponseMessage GetExample()
        {
            // 返回一个 JSON 对象
            var obj = new { message = "Hello from Web API" };
            return Request.CreateResponse(HttpStatusCode.OK, obj);
        }
    }
}

这段代码会返回一个JSON对象，对象包含一个名为“message”的属性，其值为“Hello from Web API”。

在前端JavaScript中，可以利用jQuery的$.ajax()方法调用上述Web API。html文件内容如下：

<html>
  <head>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script>
      $(document).ready(function() {
        $.ajax({
          url: "/api/example/getexample",
          type: "GET",
          success: function(data) {
            alert(data.message);
          },
          error: function(xhr) {
            alert("调用失败");
          }
        });
      });
    </script>
  </head>
  <body>
  </body>
</html>

在前端JavaScript的$.ajax()方法中，我们设置了要调用的Web API的URL和GET请求类型，成功后回调函数将接收到JSON对象响应，然后JavaScript将显示一个弹框，消息中包含了Web API返回的内容。

使用hidden input元素
以上方法适用于在后端C#中调用前端JavaScript方法。

我们可以通过hidden input元素把前端的JavaScript函数暴露给后端，并在后端通过ASP.NET脚本块的方式调用前端JavaScript函数。

以下是一个使用hidden input元素实现的例子（C#后端调用JavaScript函数）：

<%-- 声明一个hidden input元素 --%>
<input type="hidden" id="btnClick" value="" />

<%-- 在ASP.NET脚本块中注册执行JavaScript代码 --%>
<script type="text/csharp">
void Page_Load(object sender, EventArgs e)
{
    if (IsPostBack)
    {
        var btnClick = Request.Form["btnClick"];
        if (!string.IsNullOrWhiteSpace(btnClick) && btnClick.Equals("Hello World"))
        {
            // 调用前端的JavaScript函数
            Page.ClientScript.RegisterStartupScript(this.GetType(), "js", "<script>sayHello();</script>");
        }
    }
}
</script>

<%-- 声明一个按钮的点击事件，触发JavaScript函数 --%>
<asp:Button ID="btn" runat="server" Text="Click me!" OnClick="btn_Click" />

上述代码将在执行btn_Click后，在后台将“Hello World”赋值给hidden input元素的val属性。在Page_Load中，我们检查hidden input元素的值是否为“Hello World”。如果是，我们使用ASP.NET脚本块的Page.ClientScript.RegisterStartupScript方法来调用名为sayHello的前端JavaScript函数。

以下是前端JavaScript代码：

function sayHello() {
    alert("Hello from JavaScript");
}

在点击按钮后，将会向后端发送请求，在成功处理请求后，弹窗将会显示“Hello from JavaScript”。

这两种方法都能实现JavaScript与ASP.NET(C#)互相调用方法，你可以根据实际需求选择合适的方法。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：javascript与asp.net(c#)互相调用方法 - Python技术站

javascript与asp.net(c#)互相调用方法

相关文章