阿贾克斯jquery成功范围

Question

我有这个ajax调用doop.php。

function doop(){ 
     var old = $(this).siblings('.old').html(); 
     var new = $(this).siblings('.new').val(); 

     $.ajax({ 
      url: 'doop.php', 
      type: 'POST', 
      data: 'before=' + old + '&after=' + new, 
      success: function(resp) { 
       if(resp == 1) { 
        $(this).siblings('.old').html(new); 
       } 
      } 
     }); 

     return false; 
    } 

我的问题是，$(this).siblings('.old').html(new);线没有做它应该做的事。

谢谢.. 所有有用的评论/答案都被投票了。

更新：它似乎有一半的问题是范围（谢谢你的答案，这有助于我澄清），但另一半是我试图以同步方式使用ajax。我创建了一个新帖子

Answer 1

首先new是a reserved word。您需要重命名该变量。

要回答你的问题，是的，你需要保存this在成功回调外的变量，并引用它的成功处理程序代码中：

var that = this; 
$.ajax({ 
    // ... 
    success: function(resp) { 
     if(resp == 1) { 
      $(that).siblings('.old').html($new); 
     } 
    } 
}) 

这就是所谓的closure。

Answer 2

this绑定到执行函数应用到的对象。这可能是一些Ajax响应对象，或者全局对象（window），或别的东西（视$.ajax实施。

我需要进入$之前捕捉到$（本）到一个变量。 ajax调用，然后将它作为参数传递给$ .ajax调用？或者是否需要将它传递给匿名成功函数？如果这样可以解决问题，我可以将它传递给$ .ajax？

你确实需要一种方式定义success函数之前捕捉到的this值。创建一个封闭是做到这一点的方式。你需要d成为一个单独的变量（例如， self）：调用时

function doop() { 
    var old = $(this).siblings('.old').html(); 
    var new = $(this).siblings('.new').val(); 

    var self = this; 

    $.ajax({ 
     url: 'doop.php', 
     type: 'POST', 
     data: 'before=' + old + '&after=' + new, 
     success: function(resp) { 
      if(resp == 1) { 
       $(self).siblings('.old').html(new); 
      } 
     } 
    }); 

    return false; 
} 

的success功能将保留self的价值，应该表现为你的预期。

Answer 3

您应该使用背景设置为http://api.jquery.com/jQuery.ajax/

function doop(){ 
    var old = $(this).siblings('.old').html(); 
    var newValue = $(this).siblings('.new').val(); 

    $.ajax({ 
     url: 'doop.php', 
     type: 'POST', 
     context: this, 
     data: 'before=' + old + '&after=' + newValue, 
     success: function(resp) { 
      if(resp == 1) { 
       $(this).siblings('.old').html(newValue); 
      } 
     } 
    }); 

    return false; 
} 

“这”将转移到成功的范围和预期将采取行动。