Phạm vi thành công của Ajax jquery

Question

Tôi có cuộc gọi ajax này với số 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; 
    } 

Vấn đề của tôi là đường dây $(this).siblings('.old').html(new); không hoạt động.

cảm ơn .. tất cả nhận xét/câu trả lời hữu ích đều được bỏ phiếu.

Cập nhật: có vẻ như một nửa vấn đề là phạm vi (cảm ơn câu trả lời đã giúp tôi làm rõ điều đó), nhưng một nửa khác là tôi đang cố gắng sử dụng ajax theo cách đồng bộ. Tôi đã tạo một bài đăng mới

Answer 1

Trước hết là new là a reserved word. Bạn cần phải đổi tên biến đó.

Để trả lời câu hỏi của bạn, Vâng, bạn cần phải lưu this trong một biến bên ngoài gọi lại thành công, và tham khảo nó bên trong mã xử lý thành công của bạn:

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

này được gọi là closure.

Answer 2

this được ràng buộc với đối tượng mà chức năng thực thi đã được áp dụng. Đó có thể là một số AJAX đối tượng phản ứng, hoặc đối tượng toàn cầu (window), hay cái gì khác (tùy thuộc vào việc thực hiện các $.ajax.

Tôi có cần phải chụp $ (this) vào một biến trước khi vào $. ajax gọi, và sau đó vượt qua nó như là một tham số để gọi $ .ajax? hoặc tôi cần phải vượt qua nó để chức năng thành công vô danh? Nếu đó là sẽ giải quyết vấn đề, nơi nào tôi vượt qua nó để $ .ajax?

Bạn thực sự cần một cách để nắm bắt giá trị this trước khi xác định chức năng success. Việc tạo bao đóng là cách để thực hiện việc này.Bạn cần phải efine biến riêng biệt (ví 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; 
} 

Chức năng success sẽ giữ lại giá trị của self khi gọi, và nên cư xử như bạn mong đợi.

Answer 3

Bạn nên sử dụng bối cảnh thiết lập như trong 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; 
} 

"này" sẽ được chuyển đến phạm vi thành công và sẽ hoạt động như mong đợi.