如何从jQuery向MVC控制器操作传递特定的id

Question

我的html按钮在最后一行中

for (var i = 0; i < len; i++) {
    if (data[i].ProductId && data[i].Name && data[i].ShortDescription && data[i].MediumImage && data[i].Price && data[i].IconImage) {
        //alert(data)
        //alert(Photoq);
        //<img id="imgAd" src="/Images/HomeImages/1.jpg" width="181px" height="215px" alt="img">
        var Photo = "<img id='imgAd' src='" + Photoq + "' width='100px' height='100px' alt='img'/>";
        //alert(Photo);
        txt += '<tr><td><div id ="result1" ><div>' + Photo + '</div> <div ><div>' 
        + '<div id="hello">' + data[i].ProductId + '</div>' + "</br> Name- " 
        + data[i].Name + "</br> Description " 
        + data[i].ShortDescription + ", </br>" 
        + data[i].Price + '<div id="cartremove"><input id="Btnremove" type="submit" value="Remove" /></div>' + "</br>";
    }
}

我的jquery代码是

 $(document).on('click', "#cartremove", function(event) {
     event.preventDefault()
     debugger;
     $.getJSON('@Url.Action("Deletecart", "home")');
 });

我的控制器动作是

public ActionResult Deletecart(int id)
    {
        return view();
    }

我想将一个特定的id传递给控制器操作，但我的jquery $.getjson没有连接到操作控制器。我怎样才能让它工作？

Answer 1

Deletecart需要参数id，但您没有传递任何信息，也没有对返回的html 执行任何操作

$.getJSON('@Url.Action("Deletecart", "home")', { id: someValue }, function(data) { 
  // do something with the html that as returned 
});

还建议您更改

<input id="Btnremove" type="submit" value="Remove" />

至

<button class="Btnremove" type="button">Remove</button>

在这种情况下，您可以删除e.preventDefault()，因为它没有提交，并且您没有复制ID的