jQuery jTable中的AJAX调用

Question

我正在尝试在jTable中实现分页。有人能帮我理解下面的代码吗？我已经阅读了jQuery的Ajax文档，并且了解了除URL之外的所有内容，特别是该url指的是什么？为什么url字段的格式是这样的？为什么/演示/学生列表?jtStartIndex，这意味着什么？

listAction: function (postData, jtParams) {
    return $.Deferred(function ($dfd) {
        $.ajax({
            url: '/Demo/StudentList?jtStartIndex=' + jtParams.jtStartIndex + '&jtPageSize=' + jtParams.jtPageSize + '&jtSorting=' + jtParams.jtSorting,
            type: 'POST',
            dataType: 'json',
            data: postData,
            success: function (data) {
                $dfd.resolve(data);
            },
            error: function () {
                $dfd.reject();
            }
        });
    });
}

目前，我有一个php脚本，它调用mysql数据库中的存储过程。在本例中，AJAX是实现分页的唯一方式吗?或者，我可以使用jTable实现上面的分页，方法是执行以下操作：

(不包括红色代码)

//open database etc
$offset = $_POST['jtStartIndex'];
$amount = $_POST['jtPageSize'];
$result = $mysqli -> query ("CALL Proc($offset, $amount);
//while loop using fetch_assoc() to assign row objects to rows array
$jtableResults['Result'] = "OK";
$jtableResults['Records'] = $rows;
//close
echo json_encode($jtableResults);

MySQL程序：

CREATE DEFINER='user''@'%' PROCEDURE 'Proc' (offset INTEGER, amount INTEGER)
BEGIN
SELECT * FROM reports Order By idReports ASC LIMIT offset, amount;
END

我认为我不能这样做，因为jTable希望jtParams对象返回到AJAX调用中？

Answer 1

不需要理解的是，URL是$.ajax调用的最重要部分，基本上它是您需要调用以获取一些数据的终结点。在这情况下，这个URL可以是绝对的：

var url = 'http://api.themoviedb.org/3/',
    mode = 'search/movie?query=',
    movieName = '&query='+encodeURI($('#movie-title').val()),        
    key = '&api_key=470fd2ec8853e25d2f8d86f685d2270e';      

$.ajax({
    url: url + mode + key + movieName ,
    dataType: "jsonp",
    async: true,
    success: function (result) {
        ajax.parseJSONP(result);
    },
    error: function (request,error) {
        alert('Network error has occurred please try again!');
    }
});

也可以是相对的，就像你的情况一样。在您的示例中，url目标文件只是一些服务器端类(ASP.NET，通常具有.php扩展名)，它接受某些参数并返回JSON，如下所示：

{
 "Result":"OK",
 "Record":{"PersonId":5,"Name":"Dan Brown","Age":55,"RecordDate":"\/Date(1320262185197)\/"}
}

因为您是PHP开发人员，所以您的目标URL如下所示：

demo/StudentList.php?jtStartIndex=' + jtParams.jtStartIndex + '&jtPageSize=' + jtParams.jtPageSize + '&jtSorting=' + jtParams.jtSorting

我忘了最后一件事。在使用$.ajax调用时，当客户端独立于服务器端工作时(比如混合移动应用程序)或您想调用一些公共API (如IMDB、雅虎天气等)时，就会使用绝对URL。当您在一个典型的网站上工作时，使用相对URL，其中目标URL是您的web服务器，基本上与您的站点相同。