jQuery将更多参数传递给回调

Question

jQuery将更多参数传递给回调

有没有办法将更多数据传递给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调用返回的结果。

Answer 1

解决方案是通过闭包绑定变量。作为一个更基本的例子，这里是一个接收和调用回调函数的示例函数，以及一个示例回调函数：function callbackReceiver(callback) {     callback("Hello World");}function callback(value1, value2) {     console.log(value1, value2);}这会调用回调并提供单个参数。现在你想提供一个额外的参数，所以你将回调包装在闭包中。callbackReceiver(callback);     // "Hello World", undefinedcallbackReceiver(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在返回的匿名内部函数中引用doSomething它时，它被闭包到外部函数的extraStuff参数。doSomething返回后即使如此也是如此。我没有测试过上面的内容，但是我在过去的24小时内编写了非常相似的代码，它的工作原理正如我所描述的那样。您当然可以传递多个变量而不是单个'extraStuff'对象，具体取决于您的个人偏好/编码标准。

Answer 2

使用时doSomething(data, myDiv)，实际上是调用函数而不是引用它。您可以doStomething直接传递函数，但必须确保它具有正确的签名。如果你想按照它的方式保持doSomething，你可以将它的调用包装在一个匿名函数中。function clicked() {     var myDiv = $("#my-div");     $.post("someurl.php",someData, function(data){        doSomething(data, myDiv)     },"json"); }function doSomething(curData, curDiv) {     ...}在匿名函数代码中，您可以使用封闭范围中定义的变量。这是Javascript作用域的工作方式。