ajax - CFWheels 使用 AJAX 进行分页

Question

我已经搜索了整个互联网，所有这些，但找不到答案。

我正在使用 ColdFusion CFWheels 框架来查询数据库。查询是通过 AJAX 完成的，如下所示：

var id = $("#ship-id").val();

$.ajax({
    type: "POST",
    url: "/my-controller/my-method?format=json",
    data: {shipId: id},
    dataType: "json",
    success: function(response) {

        var resultHtml = '';

        $.each(response, function(i, value) {
            resultHtml += '<tr><td>' + value.FIRSTNAME + ' ' + value.LASTNAME + '</td></tr>';
        });

        $("#my-table").html(resultHtml);
    }
});

我需要对该结果集进行分页。在 CFWheels 中，您通常通过在查询中设置句柄、页面、perPage 和订单值来做到这一点，如下所示：

var order = model("order").findAll(
    select="id, firstname, lastname, email",
    where="orderid IN (#ValueList(orders.id)#)",
    handle="ordersQuery",
    page=params.page, 
    perPage=5, 
    order="lastname"
);

然后，您只需将这一行放在您的视图中：

<cfoutput>#paginationLinks(handle="ordersQuery")#</cfoutput>

但是......你怎么能让分页与 AJAX 调用一起工作？

Answer 1

我认为这些方面的东西可能是你的答案（注意我删除了url这些参数并将这些参数添加到data ...

  $.ajax({
    type: "POST",
    data: {
        shipId: id,
        controller: myController,
        action: myAction,
        page: params.page,
    },
    dataType: "json",
    success: function(response) {

        var resultHtml = '';

        $.each(response, function(i, value) {
            resultHtml += '<tr><td>' + value.FIRSTNAME + ' ' + value.LASTNAME + '</td></tr>';
        });

        $("#my-table").html(resultHtml);
    }
  });