是否有一种方法可以在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调用返回的结果。
当前回答
如果还有人来这里，我的看法是:
$('.selector').click(myCallbackFunction.bind({var1: 'hello', var2: 'world'}));
function myCallbackFunction(event) {
var passedArg1 = this.var1,
passedArg2 = this.var2
}
这里发生了什么，绑定回调函数后，它将在函数中像这样可用。
这个想法来自React如何使用绑定功能。
其他回答
你可以使用JavaScript的闭包:
function wrapper( var1, var2,....) // put here your variables
{
return function( data, status)
{
//Handle here results of call
}
};
当你可以这样做时:
$.post("someurl.php",data,wrapper(var1, var2, etc...),"html");
如果还有人来这里，我的看法是:
$('.selector').click(myCallbackFunction.bind({var1: 'hello', var2: 'world'}));
function myCallbackFunction(event) {
var passedArg1 = this.var1,
passedArg2 = this.var2
}
这里发生了什么，绑定回调函数后，它将在函数中像这样可用。
这个想法来自React如何使用绑定功能。
实际上，你的代码不能工作，因为当你写:
$.post("someurl.php",someData,doSomething(data, myDiv),"json");
将函数调用作为第三个形参而不是函数引用。
使用.ajax() jQuery API和闭包向回调函数传递附加参数的更通用的发送异步请求的解决方案:
function sendRequest(method, url, content, callback) {
// additional data for the callback
var request = {
method: method,
url: url
};
$.ajax({
type: method,
url: url,
data: content
}).done(function(data, status, xhr) {
if (callback) callback(xhr.status, data, request);
}).fail(function(xhr, status) {
if (callback) callback(xhr.status, xhr.response, request);
});
};
我在上一篇帖子中犯了一个错误。这是一个如何在回调函数中传递额外参数的工作示例:
function custom_func(p1,p2) {
$.post(AJAX_FILE_PATH,{op:'dosomething',p1:p1},
function(data){
return function(){
alert(data);
alert(p2);
}(data,p2)
}
);
return false;
}
