javascript - 两次使用相同的 AJAX 函数

Question

我是 AJAX 和 JS 的初学者，所以请多多包涵。

我有一个可以在 2 个事件中工作的 AJAX:

1. 页面加载时
2. 点击按钮时

这个 AJAX 有一个 url 和一些用于分页的变量:

url: "http://localhost/myurl/" + keyword + "/" + limit + "/" + offset

此 AJAX 在页面加载时工作正常，但我不知道如何在用户单击按钮时再次调用/使用它。

我将 .click 函数放在 AJAX 中，所以基本上我需要调用父级。这是向您展示我想做什么的代码:

$.ajax({
        url: "example" + limit + offset
        type: "GET",
        error : function(jq, st, err) {
            alert(st + " : " + err);
        },
        success: function(result){
        $("#btnLoad").click(function(){
                    //recall this AJAX again here
                                            offset = (page - 1) * limit;
                    page++;
                });
        }
        });

我知道复制粘贴代码可能有效，但我不想这样做，因为 AJAX 太长了。

感谢任何帮助，谢谢 :D

Answer 1

将其添加到事件处理程序中，并在页面加载时触发该事件:

$("#btnLoad").on('click', function() {
    $.ajax({
        url: "example" + limit + offset
        type: "GET",
        ....
    });
}).trigger('click');