如何在 C# 服务器端代码中使用 html 使 onClick 工作

Question

我正在尝试让我的 onClick 正常工作，但是当我点击时没有任何反应，也没有错误让我深入了解问题所在

var data = new FormData();
            data.append("cart_list", new_cart);
            $.ajax({
            url: "@Url.Action("GetCart", "Home")",
                type: "POST",
            processData: false,
            contentType: false,
            data: data,
            success: function (result) {
                    //code after success
                    var html = "";
               // var removeIndex
                for (index = 0; index < result.result.length; ++index) {
                         removeIndex = result.result[index]; 
                        html = html + '<li class="minicart-product">' + result.result[index].HFR +;
                      
                        Html = Html + ' <a class="product-item_remove" onclick="RemoveFromCart()"></a>';
                        html = html + '<i class="ion-android-close"></i>';
                        html = html + '</a>';
                        html = html + '<div class="product-item_img">';
                        html = html + '<img src="../Content/assests/images/Catalogue/' + result.result[index].Foto + '" alt="../Content/assests/images/Catalogue/default.png">';
                        html = html + '</div>';
                        html = html + '<div class="product-item_content">';
                        html = html + '<a class="product-item_title" href="">' + result.result[index].TractorModel + " " + result.result[index].Description + '</a>';
                        html = html + '<span class="product-item_quantity">' + result.result[index].HFR + '</span>';
                        html = html + '</div>';
                        html = html + '</li>';
                    }


                $("#myCart").html(html);
                },
            error: function (er) {

                    alert(er.responseText);
                }

            });

        }

        function RemoveFromCart()
        {
            alert("Remove me")
        }

Answer 1

您可以检查一下是否正确触发了onclick事件。例如，我有一个 asp.net 核心 MVC 项目，它默认集成了 Jquery，在我的代码片段中，我有一个 alert 子句用于测试它是否被触发。代码片段在默认主页中。

    @{
    ViewData["Title"] = "Home Page";
}

<div class="text-center">
    <h1 class="display-4">Welcome</h1>
    <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
</div>

<input id="picContent" type="file" name="photo" value="please upload a picture" />
<input id="btn1" type="button" value="upload"/>

@*@section scripts
{*@
<script>
    $("#btn1").click(function(){
        alert(1);
        return;
        var formData = new FormData();
        var img = $("#picContent")[0].files[0];
        console.log(img);
        console.log($("#picContent").val());
        formData.append("file", img);
        $.ajax({
            data: formData,
            url:"https://localhost:44340/home/upload",
            type:"post",
            data:formData,
            processData: false,
            contentType: false,
            success:function(data){
                alert(data);
            }
        })        
    })
</script>
@*}*@

Answer 2

是html不是Html。

替换此行：

 Html = Html + ' <a class="product-item_remove" onclick="RemoveFromCart()"></a>';

和

 html = html + ' <a class="product-item_remove" onclick="RemoveFromCart()"></a>';

如何在 C# 服务器端代码中使用 html 使 onClick 工作

How to get onClick to work using html within C# server side code

html

javascript

c#

asp.net-mvc

server-side