c#和javascript函数相互调用示例分享

下面我将为您详细讲解“C#和JavaScript函数相互调用示例分享”的完整攻略。本篇攻略共包含以下内容：

前言
C#函数调用JavaScript函数示例
JavaScript函数调用C#函数示例
总结

前言

在Web开发中，我们常常需要在C#和JavaScript之间相互调用函数。下面，我将分别为您介绍C#函数调用JavaScript函数示例和JavaScript函数调用C#函数示例。

C#函数调用JavaScript函数示例

C#调用JavaScript函数的过程可以通过以下步骤完成：

在页面中引入JavaScript文件，此处以引入jquery为例：

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

在JavaScript中定义一个需要调用的函数：

function jsFunc() {
   alert("我是JavaScript函数");
}

在C#中调用JavaScript函数：

protected void Button1_Click(object sender, EventArgs e)
{
    Page.ClientScript.RegisterStartupScript(GetType(), "myscript", "<script>jsFunc();</script>");
}

完整代码如下所示：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html>
<html>
<head runat="server">
    <title></title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script type="text/javascript">
        function jsFunc() {
            alert("我是JavaScript函数");
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:Button ID="Button1" runat="server" Text="调用js函数" OnClick="Button1_Click" />
    </form>
</body>
</html>

在点击Button1按钮时，就会弹出“我是JavaScript函数”的提示框。

JavaScript函数调用C#函数示例

JavaScript调用C#函数的过程分为以下步骤：

在页面中定义一个需要调用的C#函数：

protected void CsharpFunc()
{
    Response.Write("我是C#函数");
}

在JavaScript中调用C#函数：

function callCsharpFunc() {
    PageMethods.CsharpFunc();
}

完整代码如下所示：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
        function callCsharpFunc() {
            PageMethods.CsharpFunc();
        }

        function OnCallComplete(result) {
            alert(result);
        }
    </script>
    <script type="text/javascript" src="Scripts/MicrosoftAjax.js"></script>
    <script type="text/javascript" src="Scripts/MicrosoftAjaxWebForms.js"></script>
    <script type="text/javascript" src="Scripts/WebService.js"></script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true"></asp:ScriptManager>
        <div>
        </div>
    </form>
    <input id="Button1" type="button" value="调用c#函数" onclick="callCsharpFunc()" />
</body>
</html>

点击Button1按钮时，就会弹出“我是C#函数”的提示框。

总结

上述就是C#和JavaScript函数相互调用示例的完整攻略。通过学习本篇攻略，您可以轻松实现C#和JavaScript函数之间的相互调用。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：c#和javascript函数相互调用示例分享 - Python技术站

c#和javascript函数相互调用示例分享

前言

C#函数调用JavaScript函数示例

JavaScript函数调用C#函数示例

总结

相关文章