jquery與ASP.NET MVC動態分頁生成

Question

我試圖根據工作機會生成足夠的分頁鏈接。 （我正在建立一些與求職有關的東西）。

我試圖在單擊事件后調用Send函數，但是我有另一個針對該列表的jQuery。

<li class="active page-number"><a href="#" onclick="Send(2)">2</a></li>

<script>
    ///Custom scripts
    ///
    function Send(page) {
       $.post("/JobOffer/JobList/", { page: page });
    }

    $(document).ready(function () {
        $(".pagination>li").click(function () {
            $(".pagination>li.active").removeClass("active");
            $(this).addClass("active");
        });
    });
</script>

因此，當我單擊“ .pagination> li”時，我轉到JobOffer控制器中標有[HttpPost]的Action JobList。

  [HttpPost]
  public ActionResult JobList(int? page)
  {
        var pageNumber = page ?? 1;
        var pageSize = 3;

        /*Some magic*/

        viewModel.OfferCount = GetJobOfferCount(Enums.JobOfferType.Employer);
        viewModel.PageSize = pageSize;

        return View(viewModel);
  }

然后我收到頁面參數為空。

如何將頁面參數發送到我的操作方法？ 提前致謝。

Answer 1

嘗試將@Url.Action()幫助器與帶有Action和Controller名稱的重載一起使用。 並修改您的html以利用data-attribute優勢。 只是您問題的簡化解決方案。 嘗試這個：

<li class="active page-number"><a href="#" data-page="2">2</a></li>

$(document).ready(function () {

    $("a").click(function () {
        var page = $(this).data("page");            
        $.post("@Url.Action("JobList","JobOffer")", { page: page });

        $(this).parent().toggleClass("active");
    });


});