javascript - 如何将ajax请求放入函数中并在需要时调用它？

Question

我有一个ajax请求:

$.ajax({
type: 'POST',
url: '/get-result.php',
dataType: 'json',
data: 'pid=' + $(this).attr("id"),
success: function(response) {
$(".reviewee-fname").append(response['fname']);
$(".reviewee-lname").append(response['lname']);
    }     }); };

我希望能够将其放入一个函数中，等待我通过返回调用来触发它。我不太确定如何表达它，我对 javascript 和 jquery 很陌生。但基本上，我想通过各种不同的按钮点击来触发这个 ajax 调用，而不是必须将 ajax 调用放在每个按钮点击事件中，我想将它放在一个独立的函数中，所以如果我以后更新它，我就不需要更改 5 次。
下面是我想调用 ajax 请求函数的单击事件的示例。谢谢!

$(function() {
$(".task-listing").click(function() {
//Call Ajax function here.
});
});

Answer 1

Callbacks非常适合这种场景。您可以将 ajax 调用封装在回调函数中。

function apiCall() {
$.ajax({
type: 'POST',
url: '/get-result.php',
dataType: 'json',
data: 'pid=' + $(this).attr("id"),
success: function(response) {
$(".reviewee-fname").append(response['fname']);
$(".reviewee-lname").append(response['lname']);
    }     }); };
}

您现在可以 Hook apiCall() 方法作为按钮单击的回调。

$(function() {
$(".task-listing").click(apiCall);
});

通过这样做，您将能够实现这一目标。

I want to put it in a stand alone function so if I ever update it later I dont have to change it 5 times.

编辑:

注意:

这是开始的，您可以根据您的要求更改它。