C与JavaScript互操作示例，函数调用的跨平台实践？

在现代Web开发中，C# 和 JavaScript 是两种常用的编程语言，分别用于后端和前端的开发，尽管它们运行在不同的环境中（C#通常运行在服务器端的.NET环境中，而JavaScript则运行在客户端的浏览器中），但通过一些技术手段，可以实现它们之间的相互调用，下面将分享一个C#和JavaScript函数相互调用的示例。

C# 调用 JavaScript 函数

在ASP.NET Web Forms或ASP.NET MVC等框架中，可以通过ScriptManager.RegisterStartupScript方法来注册JavaScript代码块，从而实现C#代码对JavaScript函数的调用。

示例：

假设有一个JavaScript函数showAlert，用于显示一个弹窗：

function showAlert(message) {
    alert(message);
}

在C#代码中，可以通过以下方式调用这个JavaScript函数：

“`c#

protected void Page_Load(object sender, EventArgs e)

if (!IsPostBack)

{

string script = "showAlert(‘Hello from C#!’);";

ScriptManager.RegisterStartupScript(this, GetType(), "ShowAlertScript", script, true);

}

上述代码中，当页面加载时，会执行showAlert函数，并弹出一个包含“Hello from C#!”消息的弹窗。
JavaScript 调用 C# 函数
要从JavaScript调用C#函数，通常需要借助于AJAX技术或者使用ASP.NET提供的特定机制，如__doPostBack方法。
示例：
假设有一个C#方法GetServerTime，用于获取服务器时间：
```c#
[WebMethod]
public static string GetServerTime()
{
    return DateTime.Now.ToString();
}

在JavaScript中，可以使用jQuery的$.ajax方法来调用这个C#方法：

function getServerTime() {
    $.ajax({
        type: "POST",
        url: "YourPage.aspx/GetServerTime",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (response) {
            alert("Server Time: " + response.d);
        },
        error: function (xhr, status, error) {
            alert("Error: " + error);
        }
    });
}

上述代码中，当调用getServerTime函数时，会向服务器发送一个AJAX请求，调用GetServerTime方法，并在成功时弹出一个包含服务器时间的弹窗。

相关问答FAQs

问题1：为什么需要在JavaScript中指定contentType为"application/json; charset=utf-8"？

答：这是因为我们使用的是ASP.NET的PageMethods特性，它期望请求的内容类型为JSON，通过设置contentType，可以确保请求被正确处理。

问题2：如果JavaScript函数需要传递参数给C#方法，应该如何实现？

答：可以在JavaScript的AJAX请求中，通过data选项传递参数，如果GetServerTime方法需要接收一个时间偏移量作为参数，可以这样修改：

C#方法：

“`c#

[WebMethod]

public static string GetServerTime(int offset)

DateTime serverTime = DateTime.Now.AddHours(offset);

return serverTime.ToString();

JavaScript AJAX请求：

function getServerTimeWithOffset(offset) {

$.ajax({

type: "POST",

url: "YourPage.aspx/GetServerTime",

contentType: "application/json; charset=utf-8",

data: ‘{"offset": ‘ + offset + ‘}’,

dataType: "json",

success: function (response) {

alert("Server Time with Offset: " + response.d);

},

error: function (xhr, status, error) {

alert("Error: " + error);

}

});

这样，就可以在JavaScript中传递参数给C#方法了。