0

我正在做一个MVC项目，我试图在JQuery使用@Url.Action.

HTML 代码：

<button class="btn btn-white btn-sm demo1" data-id='@item.TeamID'>Delete</button>

jQuery代码：

    $(document).ready(function () {
        $('.demo1').click(function (event) {
            swal({
                title: "Are you sure?",
                text: "You will not be able to recover this team!",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "Yes, delete it!",
                closeOnConfirm: false
            }, function () {
                var data = event.data;
                var id = data.id;
                var url = '@Url.Action("Delete", "Teams", new { id = "__param__" })';
                window.location.href = url.replace('__param__', encodeURIComponent(id));

                swal("Deleted!", "Your team has been deleted.", "success");
            });
        });
    });

但是，不会触发 Teams 控制器中的 Delete 方法。我错过了什么吗？

更新： HTML 按钮放置在foreach循环内：

@foreach (var item in Model)
{
    <tr>
          <td>
              @Html.DisplayFor(modelItem => item.TeamName)
          </td>
          <td>
              @Html.DisplayFor(modelItem => item.TeamInits)
          </td>
          <td>
              @Html.ActionLink("Edit", "Edit", new { id = item.TeamID }, new { @class = "btn btn-white btn-sm" })
              <button class="btn btn-white btn-sm demo1" data-id='@item.TeamID'>Delete</button>
          </td>
      </tr>
 }
4

2 回答 2

1

使用HTMLElement.dataset属性或.data()读取自定义data-*前缀属性值。

$(document).ready(function () {
    $('.demo1').click(function (event) {            
        var id = this.dataset.id; 
        //OR
        var id = $(this).data('id');

        //Rest of the code
        swal();
    });
});
于 2016-05-24T09:29:43.367 回答
0

我通常尝试以下代码技巧。当出现这样的问题时。

在您的文件中添加以下代码Global.asax.cs并将调试器放入方法中，以便在发生异常时触发它。 

protected void Application_Error(object sender, EventArgs e)
{ 
    Exception exception = Server.GetLastError();
    string ex = exception.Message; // Here you will get to know what is going wrong
}

异常消息或堆栈跟踪将提供足够的信息细节来修复错误。

即使它的请求来自 Jquery / Razor Html 页面错误，你也会有足够的信息。

希望这可以帮助！！！

于 2016-05-24T09:51:51.740 回答