使用jQuery將查詢字符串添加到URL

Question

大家好，我是新來的，我有一個帶有表格的頁面，可以搜索車輛並在表格中顯示搜索結果，當我在搜索結果表中單擊車輛時，我想使用jquery向網址中添加3個參數。 從表格中我需要startDate和and和EndDate，從結果表中我需要車輛許可證號。 謝謝大家，這是我的代碼：

<script>
        $('table tbody tr').click(function () {
            var vehicleLicenseNumber = $(this).children('td').first().text();
            var startDate = $("#StartDate").val();
            var endDate = $("#EndDate").val();

            $.get('@Url.Action("OrderDetails","Guest")');
        });

    });
</script>


@using (Html.BeginForm())
{
    @Html.ValidationSummary(true)
    <div class="container">
        <div class="row">
            <p class="col-sm-2">
                @Html.LabelFor(s => s.Manufacturer)<br />
                @Html.DropDownListFor(s => s.Manufacturer, (IEnumerable<SelectListItem>)ViewBag.Manufacturers, "Select Manufacturer")
                @Html.ValidationMessageFor(s => s.Manufacturer)
            </p>
            <p class="col-sm-2">
                @Html.LabelFor(s => s.Model)<br />
                @Html.DropDownListFor(s => s.Model, (IEnumerable<SelectListItem>)ViewBag.Models, "Select Model")
                @Html.ValidationMessageFor(s => s.Model)
            </p>
            <p class="col-sm-2">
                @Html.LabelFor(s => s.Transmission)<br />
                @Html.DropDownListFor(s => s.Transmission, Enum.GetNames(typeof(Entities.Enums.TransmissionSearch)).Select(e => new SelectListItem { Text = e }), "Select Transmission")
                @Html.ValidationMessageFor(s => s.Transmission)
            </p>
            <p class="col-sm-2">
                @Html.LabelFor(s => s.StartDate)<br />
                @Html.TextBoxFor(s => s.StartDate, new { type = "date" })
                @Html.ValidationMessageFor(s => s.StartDate)
            </p>
            <p class="col-sm-2">
                @Html.LabelFor(s => s.EndDate)<br />
                @Html.TextBoxFor(s => s.EndDate, new { type = "date" })
                @Html.ValidationMessageFor(s => s.EndDate)
            </p>
            <p class="col-sm-2">
                <button class="btn btn-default btn-lg" type="submit">Search</button>
            </p>
        </div>
    </div>
}
<div>
    @if (ViewBag.list != null)
    {
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>LicenseNumber</th>
                        <th>Manufacturer</th>
                        <th>Model</th>
                        <th>DayCost</th>
                        <th>DelayDayCost</th>
                        <th>Transmission</th>
                        <th>Mileage</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach (var item in ViewBag.list)
                    {
                        <tr>
                            <td>@item.LicenseNumber</td>
                            <td>@item.VehicleTypeId.Manufacturer</td>
                            <td>@item.VehicleTypeId.Model</td>
                            <td>@item.VehicleTypeId.DayCost</td>
                            <td>@item.VehicleTypeId.DelayDayCost</td>
                            <td>@item.VehicleTypeId.Transmission</td>
                            <td>@item.Mileage</td>
                        </tr>
                    }
                </tbody>
            </table>
    }
    else
    {
        <span>No vehicle was found</span>
    }

</div>

Answer 1

根據$.get文檔，您只需要一個數據對象。

var data={
    vehicleLicenseNumber : $(this).children('td').first().text(),
    startDate  : $("#StartDate").val(),
    endDate : $("#EndDate").val()
}

$.get('@Url.Action("OrderDetails","Guest")', data, function(serevrResponse){
  // do something with server response
});

jQuery將使用對象鍵作為查詢參數名稱在內部轉換url