CFWheels Pagination using AJAX



我搜索了整个互联网,所有互联网,都找不到答案。

我正在使用 ColdFusion CFWheels Framework 来查询数据库。查询是通过 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 调用一起使用?

我认为这些内容可能是您的答案(请注意,我删除了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);
    }
  });

最新更新