C# javaScript函数的相互调用

C#和JavaScript都是常用的编程语言，在Web开发中，经常需要对这两种语言进行交互。通过C#代码调用JavaScript函数可以为Web程序添加更多的交互性和动态性。同时，JavaScript函数也可以调用C#代码来实现更为复杂的功能，增强Web程序的性能和灵活性。

下面是“C#和JavaScript函数相互调用”的完整攻略：

C#调用JavaScript

1.注入JavaScript代码

首先需要在Web页面上注入JavaScript代码，以便C#代码可以调用它。将要调用的JavaScript函数用字符串形式“拼接”成完整的JavaScript代码，并通过C#代码将其注入Web页面中。

string script = @"<script type='text/javascript'>
                    function showMessage(msg){
                        alert(msg);
                    }
                </script>";
Page.ClientScript.RegisterStartupScript(this.GetType(), "stratup", script);

上述代码使用Page类RegisterStartupScript方法，将JavaScript代码注入了Web页面中。其中msg为接受C#传递过来的参数。

2.调用JavaScript

通过C#代码可以调用Web页面注入的JavaScript代码。通常情况下，使用“Page.ClientScript.RegisterStartupScript”方法对JavaScript进行注入后，可以使用以下方法进行调用。

Page.ClientScript.RegisterStartupScript(this.GetType(), "stratup", "showMessage('Hello World!')", true);

上述代码以string形式接收JavaScript函数名和参数，并将其作为参数传递给Page类RegisterStartupScript方法中的第三个参数。调用结果将在浏览器上显示“Hello World!”弹窗。

JavaScript调用C

1.JavaScript调用后台服务

通常情况下，JavaScript通过后台服务的方式调用C#代码。在Web项目中引用后台服务时，需要在页面头部中添加以下JavaScript代码。

<script src="jquery-1.10.1.min.js"></script>
<script src="jquery.json-2.4.min.js"></script>

其中，jquery.min.js和jquery.json.min.js是jQuery插件。用于向后台服务器请求JSON数据。使用Ajax请求：

$.ajax({
    type: "POST",
    contentType: "application/json",
    url: "Service.asmx/FunctionName",
    data: "{'parmeterName': 'parameterValue'}",
    dataType: "json",
    success: function (data) {
        eval(data.d);
    }
});

上述代码使用了ajax方法向“Service.asmx/FunctionName”WEB服务请求数据，将返回结果存储在“data”对象中。返回结果通常是JSON数据，使用eval方法将其解析为JavaScript对象并调用其中的函数。

2.使用Hidden Field透明调用

其实，我们还可以使用一个更加巧妙的方法：使用实际HTML元素(用Hidden Field实现)来透明地调用C#代码。

<input type="button" value="调用计算服务" onclick="javascript:document.getElementById('HiddenField1').value=calc(34,22);"/>
<asp:HiddenField ID="HiddenField1" runat="server" />

上述代码使用asp.net中的“HiddenField”代码控件，将调用计算服务（calc）委托给服务器端隐藏字段“HiddenField1”。其中，“HiddenFiled1”是服务器控件，可以指定其作为JavaScript变量在Web页面上运行。

protected void Page_Load(object sender, EventArgs e)
{
    HiddenField1.Attributes["onchange"] = "Calculation(" + HiddenField1.Value + ")";
}

上述C#代码向“HiddenField1”的“onchange”事件添加了JavaScript方法“Calculation”，该方法通过HiddenField1的值传递到服务器端的C#代码执行。

这就是C#和JavaScript相互调用的完整攻略。通过这种方法可以实现复杂的Web应用程序，并为Web项目添加更多的交互性和动态性。