$ .ajax上下文选项

Question

yayQuery播客的第11集提到$ .ajax上下文选项。我将如何在成功回调中使用此选项？我目前正在做的是将我的输入参数传递回成功回调，以便可以对成功/错误之后调用的ID进行动画处理。如果使用context选项，那么也许不必从调用的例程中传回参数。

在此示例中，我将STATEID传递回成功字段，以便在将状态从DOM中删除后将其从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（）文档。