在Javascript中生成不同回调函数数组
我试图生成一个回调函数数组,以便在jQueryUI对话框中使用 给定以下代码:在Javascript中生成不同回调函数数组,javascript,ajax,callback,eval,jquery-callback,Javascript,Ajax,Callback,Eval,Jquery Callback,我试图生成一个回调函数数组,以便在jQueryUI对话框中使用 给定以下代码: for(var x in methods) { buttons[x] = function() { var method = methods[x]; var data = $('#dialog_'+model+' form').serialize(); data += '&form='+model; $.
for(var x in methods)
{
buttons[x] = function() {
var method = methods[x];
var data = $('#dialog_'+model+' form').serialize();
data += '&form='+model;
$.post(
$('#dialog_'+model+' form').attr('action')+'method/'+method+'/',
data,
function(r) {
handleFormReturn(r);
},
'json'
);
};
}
调用时,函数显然将使用变量x的最后一个已知值,而不是我需要的值。如何避免这个问题而不必使用eval()
也许我完全弄错了,但据我所知,不可能将参数传递给回调。在
for
循环的每次传递过程中,您需要创建一个新的变量范围。这只能通过调用函数来完成
function createButton(x) {
buttons[x] = function () {
var method = methods[x];
var data = $('#dialog_' + model + ' form').serialize();
data += '&form=' + model;
$.post(
$('#dialog_' + model + ' form').attr('action') + 'method/' + method + '/', data, function (r) {
handleFormReturn(r);
}, 'json');
};
}
for (var x in methods) {
createButton(x);
}
现在
按钮[x]
函数引用的x
值将是传递给createButton
的即时函数版本的解决方案:
for (var x in methods) {
buttons[x] = (function (x) {
return function () {
/* ... x is local for this function ... */
};
})(x);
}
您需要为methods数组中的每个元素创建一个闭包:
for(var x in methods) {
buttons[x] = (function(x) {
var method = methods[x];
return function () {
var data = $('#dialog_'+model+' form').serialize();
data += '&form='+model;
$.post(
$('#dialog_'+model+' form').attr('action')+'method/'+method+'/',
data,
function(r) {
handleFormReturn(r);
},
'json'
);
};
})(x);
}