在ajax回调中设置“this”值

我构建了一个jquery函数，它接受选项并发出ajax PUT请求。但是我无法自定义成功回调，因为它被重新定义。有谁知道如何保持'这个'的价值？在ajax回调中设置“this”值

jQuery函数

(($) -> 
    $.textToInputUpdate = (options) -> 
     functionality = 
     options: $.extend({ 
      'id_for_put': "" 
      'post_url': "" 
      'size': 10 
     }, options) 
     initialize: (event, target) -> 
      # ... 
      self = this 
      field.focusout (event) -> 
      $.ajax 
       url: self.options.post_url 
       type: 'PUT' 
       dataType: "json" 
       data: 
       rubric_item: 
        weight: parseFloat(field.val().trim()) 
       success: (data) -> 
       self.options.success_callback?(data) 

     return functionality 
) jQuery

的选项

$('#rubric').on 'click', '.rubric-item .rubric-value', (e) -> 
    $.textToInputUpdate(
     id_for_put: $(this).parent().attr('id') 
     post_url: $(this).parent().data("post-url") 
     size: 3 
     success_callback: (data) -> 
     # PROBLEM HERE: $(this) gets redefined when actually called in the function above. I want it to be the value of $(.rubric-value). 
     $(this).text(data.description) 
    ) 
    .initialize(e, $(this))

来源

2015-04-02 Derrick Mar

'自我'似乎工作，不是吗？ – Bergi 2015-04-02 18:37:15

@Bergi当然，但如果你能得到正确的绑定，那么在一系列回调变得臃肿的情况下，它可以更容易地将函数分离到平等标签层次上的命名。所以，即使你很懒，并且使用'self'也很好。 – Katana314 2015-04-02 18:45:44

只使用一个fat arrow：

$.textToInputUpdate(
    id_for_put: $(this).parent().attr('id') 
    post_url: $(this).parent().data("post-url") 
    size: 3 
    success_callback: (data) => 
#       ^^ 
    $(this).text(data.description) 
)

更地道的CoffeeScript比self或that变量。

来源

2015-04-02 18:38:54 Bergi

我不知道那个胖箭头在coffeescript中可用。这是要走的路。 – 2015-04-02 18:41:21

调用jQuery函数应该分配this在不同的变量供以后使用：

$('#rubric').on 'click', '.rubric-item .rubric-value', (e) -> 
    var that = this; 
    $.textToInputUpdate(
    id_for_put: $(this).parent().attr('id') 
    post_url: $(this).parent().data("post-url") 
    size: 3 
    success_callback: (data) -> 
     $(that).text(data.description) 
).initialize(e, $(this))

来源

2015-04-02 18:37:57

在ajax回调中设置“this”值

回答

相关问题