jQuery将更多参数传递给回调

一尘不染

jQuery将更多参数传递给回调

javascript

有没有办法将更多数据传递到jQuery中的回调函数中？

我有两个函数$.post，例如，我希望回调到，以传递AJAX调用的结果数据以及一些自定义参数

function clicked() {
    var myDiv = $("#my-div");
    // ERROR: Says data not defined
    $.post("someurl.php",someData,doSomething(data, myDiv),"json"); 
    // ERROR: Would pass in myDiv as curData (wrong)
    $.post("someurl.php",someData,doSomething(data, myDiv),"json"); 
}

function doSomething(curData, curDiv) {

}

我希望能够将自己的参数以及AJAX调用返回的结果传递给回调。

阅读 537

2020-05-01

共1个答案

一尘不染

解决方案是通过闭包绑定变量。

作为一个更基本的示例，下面是一个示例函数，该函数接收并调用一个回调函数，以及一个示例回调函数：

function callbackReceiver(callback) {
    callback("Hello World");
}

function callback(value1, value2) {
    console.log(value1, value2);
}

这将调用回调并提供一个参数。现在，您想提供一个附加参数，因此您可以将回调包装在闭包中。

callbackReceiver(callback);     // "Hello World", undefined
callbackReceiver(function(value) {
    callback(value, "Foo Bar"); // "Hello World", "Foo Bar"
});

或者，更简单地使用ES6箭头函数：

callbackReceiver(value => callback(value, "Foo Bar")); // "Hello World", "Foo Bar"

对于您的特定示例，我没有.post在jQuery中使用过该函数，但是对文档的快速扫描显示，回调应该是具有以下签名的 函数指针 ：

function callBack(data, textStatus, jqXHR) {};

因此，我认为解决方案如下：

var doSomething = function(extraStuff) {
    return function(data, textStatus, jqXHR) {
        // do something with extraStuff
    };
};

var clicked = function() {
    var extraStuff = {
        myParam1: 'foo',
        myParam2: 'bar'
    }; // an object / whatever extra params you wish to pass.

    $.post("someurl.php", someData, doSomething(extraStuff), "json");
};

怎么了？

在最后一行中，doSomething(extraStuff)被调用，并且调用的结果是一个 函数指针 。

因为extraStuff作为参数传递给doSomething它，所以它在doSomething函数的范围之内。

extraStuff在返回的匿名内部函数中引用了when，doSomething并通过闭包将其绑定到外部函数的extraStuff参数上。即使doSomething返回后也是如此。

我没有测试上面的内容，但是在过去的24小时中，我编写了非常相似的代码，并且可以按照我的描述进行工作。

当然，根据个人喜好/编码标准，您可以传递多个变量而不是单个“ extraStuff”对象。

2020-05-01