Question

我有一个列出了许多公司的视图，以及每个公司的详细信息视图。当我查看一家公司的详细信息时，我想点击导航按钮查看下一个或上一个公司。我也想拥有第一家也是最后一家公司。因此，在我的MVC应用程序中，我存储了第一个，上一个，下一个和最后一个公司的ID，当用户点击按钮时，比如下一个公司，我想接下一个companyId并将其发布到服务器。一种方法是使用jquery submit（）。但是我无法弄清楚如何在提交（）的URL中发送companyId。

所以我的HTML看起来像;

<span style="margin-left:200px;">
    <input type="submit" id="btnFirst" value="|<< First"/>
    <input type="submit" id="btnPrev" style="margin-right: 50px;" value="|< Previous"/>
    <input type="submit" id="btnNext" value="Next >|"/>
    <input type="submit" id="btnLast" value="Last >>|"/>
</span>

隐藏字段（在MVC标记的页面源中转换）;

        <input id="Navigator_FirstPageId" name="Navigator.FirstPageId" type="hidden" value="1" />
        <input id="Navigator_PreviousPageId" name="Navigator.PreviousPageId" type="hidden" value="7008" />
        <input id="Navigator_NextPageId" name="Navigator.NextPageId" type="hidden" value="7009" />
        <input id="Navigator_LastPageId" name="Navigator.LastPageId" type="hidden" value="7009" />
        <input id="Navigator_OnFirstPage" name="Navigator.OnFirstPage" type="hidden" value="False" />
        <input id="Navigator_OnLastPage" name="Navigator.OnLastPage" type="hidden" value="True" />

和需要纠正的jquery;

$('#btnNextt').click(function () {
          submit($('#Navigator_LastPageId').val());
}

Answer 1

使用serialize()方法在提交时序列化表单。

<form action='/some' id="myform">
       <input id="Navigator_FirstPageId" name="Navigator.FirstPageId" type="hidden" value="1" />
        <input id="Navigator_PreviousPageId" name="Navigator.PreviousPageId" type="hidden" value="7008" />
        <input id="Navigator_NextPageId" name="Navigator.NextPageId" type="hidden" value="7009" />
        <input id="Navigator_LastPageId" name="Navigator.LastPageId" type="hidden" value="7009" />
        <input id="Navigator_OnFirstPage" name="Navigator.OnFirstPage" type="hidden" value="False" />
</form>

<强> JS

$.post($('#myform').attr('action'), $('#theform').serialize());

相关：jquery-ajax-submit-form

Answer 2

就我试图做的事而言，有一个更简单的答案;

<a class="imagelink" href="@Url.Action("DetailsSubcontractor", "Company", new { id = Model.Navigator.FirstPageId })">
    <input id="btnFirst" type="button" value="|<< First" />
</a>
<span style="margin-right:150px;">
<a class="imagelink" href="@Url.Action("DetailsSubcontractor", "Company", new { id = Model.Navigator.PreviousPageId })">
    <input id="btnPrev" type="button" value="|< Previous" />
</a></span>
<a class="imagelink" href="@Url.Action("DetailsSubcontractor", "Company", new { id = Model.Navigator.NextPageId })">
    <input id="btnNext" type="button" value="Next >|" />
</a>
<a class="imagelink" href="@Url.Action("DetailsSubcontractor", "Company", new { id = Model.Navigator.LastPageId })">
    <input id="btnLast" type="button" value="Last >>|" />
</a>

Jquery - 如何使用submit（）发送参数

2 个答案: