如何从JavaScript调用C＃函数？

Question

我想从JavaScript调用CsharpFunction ，这是代码隐藏的C＃函数。 我尝试了下面的代码，但是无论JavaScript条件是True还是False ， CsharpFunction调用CsharpFunction ！

JavaScript代码：

if (Javascriptcondition > 0) {
   <%CsharpFunction();%>
}

后面的C＃代码：

protected void CsharpFunction()
{
  // Notification.show();
}

如何从JavaScript调用C＃函数？

Answer 1

您可以使用Web方法和Ajax：

<script type="text/javascript">             //Default.aspx
   function DeleteKartItems() {     
         $.ajax({
         type: "POST",
         url: 'Default.aspx/DeleteItem',
         data: "",
         contentType: "application/json; charset=utf-8",
         dataType: "json",
         success: function (msg) {
             $("#divResult").html("success");
         },
         error: function (e) {
             $("#divResult").html("Something Wrong.");
         }
     });
   }
</script>

[WebMethod]                                 //Default.aspx.cs
public static void DeleteItem()
{
    //Your Logic
}

Answer 2

.CS File    
    namespace Csharp
    {
      public void CsharpFunction()
      {
        //Code;
      }
    }

    JS code:
    function JSFunction() {
            <%#ProjectName.Csharp.CsharpFunction()%> ;
    }

注意：在JS Function中，当调用您的CS页面函数时。...项目的名称，然后是CS页面的名称空间的名称，然后是函数名称

Answer 3

现代方法是将ASP.NET Web API 2 （服务器端）与jQuery Ajax（客户端）一起使用。

像页面方法和ASMX Web方法一样，Web API允许您在ASP.NET中编写C＃代码，这实际上可以从浏览器或任何地方调用！

这是一个示例Web API控制器，它公开了API方法，这些方法允许客户端检索有关一种或所有产品的详细信息（在现实世界中，产品很可能是从数据库中加载的）：

public class ProductsController : ApiController
{
    Product[] products = new Product[] 
    { 
        new Product { Id = 1, Name = "Tomato Soup", Category = "Groceries", Price = 1 }, 
        new Product { Id = 2, Name = "Yo-yo", Category = "Toys", Price = 3.75M }, 
        new Product { Id = 3, Name = "Hammer", Category = "Hardware", Price = 16.99M } 
    };

    [Route("api/products")]
    [HttpGet]
    public IEnumerable<Product> GetAllProducts()
    {
        return products;
    }

    [Route("api/product/{id}")]
    [HttpGet]
    public IHttpActionResult GetProduct(int id)
    {
        var product = products.FirstOrDefault((p) => p.Id == id);
        if (product == null)
        {
            return NotFound();
        }
        return Ok(product);
    }
}

控制器使用以下示例模型类：

public class Product
{
    public int Id { get; set; }
    public string Name { get; set; }
    public string Category { get; set; }
    public decimal Price { get; set; }
}

示例jQuery Ajax调用以获取并迭代产品列表：

$(document).ready(function () {
    // Send an AJAX request
    $.getJSON("/api/products")
        .done(function (data) {
            // On success, 'data' contains a list of products.
            $.each(data, function (key, item) {
                // Add a list item for the product.
                $('<li>', { text: formatItem(item) }).appendTo($('#products'));
            });
        });
});

这不仅使您可以轻松创建现代的Web API，而且还可以使用ASP.NET Web API帮助页面和/或Swashbuckle使其真正专业化并对其进行文档化。

可以将Web API改装（添加）到现有的ASP.NET Web Forms项目中。 在这种情况下，您将需要在Global.asax文件的Application_Start方法中添加路由指令：

RouteTable.Routes.MapHttpRoute(
    name: "DefaultApi",
    routeTemplate: "api/{controller}/{id}",
    defaults: new { id = System.Web.Http.RouteParameter.Optional }
);

文献资料

• 教程： ASP.NET Web API 2（C＃）入门
• 具有旧站点的人员的教程： 将Web API与ASP.NET Web窗体一起使用
• MSDN： ASP.NET Web API 2

Answer 4

服务器端功能位于服务器端，客户端功能位于客户端。 您所要做的是必须设置隐藏的表单变量并提交表单，然后在页面上使用Page_Load处理程序可以访问变量的值并调用服务器方法。

更多信息可以在这里和这里找到

Answer 5

如果要从客户端进行服务器调用，则应使用Ajax-查看类似Jquery的东西，并使用$ .Ajax（）或$ .getJson（）来调用服务器函数，具体取决于您返回的是哪种类型您要执行的动作或动作。

Answer 6

使用Blazor http://learn-blazor.com/architecture/interop/

这是C＃：

namespace BlazorDemo.Client
{
   public static class MyCSharpFunctions
   {
       public static void CsharpFunction()
       {
          // Notification.show();
       }
   }
}

然后是Javascript：

const CsharpFunction = Blazor.platform.findMethod(
"BlazorDemo.Client",
"BlazorDemo.Client",
"MyCSharpFunctions",
"CsharpFunction"
);
if (Javascriptcondition > 0) {
   Blazor.platform.callMethod(CsharpFunction, null)
}

Answer 7

你不能 Javascript运行客户端，C＃运行服务器端。

实际上，您的服务器将运行所有C＃代码，并生成 Javascript。 然后，JavaScript将在浏览器中运行。 如评论中所述，编译器不知道Javascript。

要调用服务器上的功能，您必须使用AJAX之类的技术，如其他答案所述。