JavaScript与C#交互示例

在ASP.NET项目中，可以使用JavaScript与C#进行交互。下面是一个简单的示例，演示了如何在JavaScript和C#之间传递数据：

1. 在ASP.NET页面中，添加一个按钮和一个显示元素：

<button onclick="callCSharp()">调用C#方法</button>
<div id="result"></div>

2. 在JavaScript中，定义一个函数`callCSharp()`，该函数将调用C#方法并接收返回值：

function callCSharp() {
    // 调用C#方法，传递参数并接收返回值
    var result = DotNet.invokeMethod("YourAssemblyName", "YourNamespace.YourClass.YourMethod", "Hello from JavaScript");
    
    // 显示返回值
    var resultElement = document.getElementById("result");
    resultElement.innerText = result;
}

3. 在C#中，定义一个类和方法，用于接收JavaScript传递的参数并返回值：

namespace YourNamespace
{
    public class YourClass
    {
        public static string YourMethod(string message)
        {
            // 处理接收到的参数
            // ...

            // 返回值给JavaScript
            return "Hello from C#";
        }
    }
}

4. 在ASP.NET页面中，将JavaScript和C#进行连接：

<script src="_framework/blazor.webassembly.js"></script>

5. 在ASP.NET项目的`wwwroot`目录下创建一个`web.config`文件，用于配置Blazor WebAssembly的服务端点：

<configuration>
  <system.webServer>
    <handlers>
      <add name="blazor" path="*" verb="*" modules="AspNetCoreModuleV2" resourceType="Unspecified" />
    </handlers>
    <httpCompression>
      <dynamicTypes>
        <add mimeType="application/octet-stream" enabled="false" />
      </dynamicTypes>
    </httpCompression>
    <staticContent>
      <mimeMap fileExtension=".dat" mimeType="application/octet-stream" />
    </staticContent>
  </system.webServer>
</configuration>

通过以上步骤，你可以在ASP.NET页面中使用JavaScript调用C#方法，并将返回值显示在页面上。当点击按钮时，JavaScript函数`callCSharp()`将调用C#的`YourMethod()`方法，并将参数传递给它。C#方法处理参数并返回一个字符串，然后JavaScript函数将返回值显示在页面上。

这只是一个简单的示例，你可以根据实际需求扩展和修改它。在实际项目中，你可能需要更复杂的交互和数据传递方式，可以使用更高级的技术和工具，如Blazor、SignalR等来实现更强大的JavaScript与C#交互。