Question

yayQuery播客的第11集提及$.ajax context option。如何在成功回调中使用此选项？我目前正在做的是将输入参数传递回成功回调，以便我可以设置成功/错误后调用的id的动画。如果我使用context选项，那么也许我不必从被调用的例程中传回参数。

在这个例子中，我将STATEID传递回success字段，以便在从数据库中删除状态后从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');;
        };
      }
    });
  }
});

Answer 1

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');;
        };
    }
});

Answer 2

如果您设置了上下文选项，则成功的this将是您设置为context的值的任何内容。因此，如果您将包含输入参数名称和值的对象文字作为上下文传递，那么您可以使用this.param1来获取第一个输入参数的值。

有关详情，请参阅.ajax()文档。

$ .ajax上下文选项

2 个答案: