$ .ajax上下文选项
yayQuery podcast的第11集提到了$ .ajax上下文选项。 我将如何在成功回调中使用此选项？ 我目前正在做的是将我的输入参数传递回成功回调，以便我可以动画成功/错误后调用的id。 如果我使用上下文选项，那么也许我不必从被调用的例程中传回参数。
在此示例中，我将STATEID传递回成功字段，以便在从数据库中删除状态后，该状态将从DOM中删除：
$('td.delete').click(function() {
var confirm = window.confirm('Are you sure?');
if (confirm) {
var StateID = $(this).parents('tr').attr('id');
$.ajax({
url: 'Remote/State.cfc',
data: {
method: 'Delete',
'StateID': StateID
},
success: function(result) {
if (result.MSG == '') {
$('#' + result.STATEID).remove();
} else {
$('#msg').text(result.MSG).addClass('err');;
};
}
});
}
});
所有的context不为它设置的值， this在回调。
所以如果你在一个事件处理程序中，并且你希望this回调函数成为接收事件的元素，你应该这样做：
context:this,
success:function() {
// "this" is whatever the value was where this ajax call was made
}
如果你想让它成为其他类型，只需设置它， this将涉及到：
context:{some:'value'},
success:function() {
// "this" the object you passed
alert( this.some ); // "value"
}
在您添加到问题中的代码中，您可以使用StateID ，但由于您已经有权访问该变量，因此您并不需要。
var StateID = $(this).parents('tr').attr('id');
$.ajax({
url: 'Remote/State.cfc'
,data: {
method:'Delete'
,'StateID':StateID
}
,context: StateID
,success: function(result){
alert(this); // the value of StateID
alert(StateID); // same as above
if (result.MSG == '') {
$('#' + result.STATEID).remove();
} else {
$('#msg').text(result.MSG).addClass('err');;
};
}
});
如果你设置了上下文选项，那么this成功将是你设置的context值。 所以如果你传递一个包含你的输入参数名和值作为上下文的对象字面值，那么你可以使用this.param1来获得你的第一个输入参数的值。
有关更多信息，请参阅.ajax（）文档。
链接地址: http://www.djcxy.com/p/28677.html