有没有办法将更多数据传递到jQuery中的回调函数中?
我有两个函数$.post,例如,我希望回调到,以传递AJAX调用的结果数据以及一些自定义参数
$.post
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调用返回的结果传递给回调。
解决方案是通过闭包绑定变量。
作为一个更基本的示例,下面是一个示例函数,该函数接收并调用一个回调函数,以及一个示例回调函数:
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中使用过该函数,但是对文档的快速扫描显示,回调应该是具有以下签名的 函数指针 :
.post
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)被 调用 ,并且 调用 的结果是一个 函数指针 。
doSomething(extraStuff)
因为extraStuff作为参数传递给doSomething它,所以它在doSomething函数的范围之内。
extraStuff
doSomething
extraStuff在返回的匿名内部函数中引用了when,doSomething并通过闭包将其绑定到外部函数的extraStuff参数上。即使doSomething返回后也是如此。
我没有测试上面的内容,但是在过去的24小时中,我编写了非常相似的代码,并且可以按照我的描述进行工作。
当然,根据个人喜好/编码标准,您可以传递多个变量而不是单个“ extraStuff”对象。