jquery - 如何使用 jquery ajax 重定向到另一个操作

Question

我的 asp.net mvc 5 应用程序中有一个 View ，该 View 显示一个表，其中包含客户给出的所有订单。我想在用户单击表中的一行时重定向到“details”操作使用 jquery 显示有关订单的所有详细信息。这是我的观点..

<table class="table table-striped table-bordered">
<tr>
    <td>Customer Name</td>
    <td>Phone Number</td>
    <td>Watch Model</td>
    <td>Order Status</td>
    <td>Order Location</td>
</tr>
<tbody>
    @foreach (var order in Model.Repairs)
    {
        <tr class="row-click" data-repair-id="@order.Id">
            <td>@order.Customer.GetName()</td>
            <td>@order.Customer.PhoneNumber</td>
            <td>@order.Watch.Model</td>
            <td>@order.Status</td>
            <td>@order.Location</td>
        </tr>
    }
</tbody>
</table>

这是我的 jQuery

@section scripts
{
 <script>
 $(document).ready(function(e) {
    $(".row-click").on("click",
        function() {
            var element = $(this);

            $.ajax({
                type: "GET",
                url: '@Url.Action("Details", "Repairs")',
                data: { id: element.data("repair-id") }
            });
         });
    });
 </script>
}

这是“Repairs Controller”中的操作

 public ActionResult Details(int id)
    {
        var repair = _context.Repairs.SingleOrDefault(r => r.Id == id);
        return View(repair);
    }

问题是，当我单击该行时，什么也没有发生。

Answer 1

删除 jquery ajax 部分并替换为以下内容:

var eleId= element.data("repair-id")
var url = '@Url.Action("Details", "Repairs")';
url = url + '?id=' + eleId;
window.location.href = url;