jquery - 使用 jquery ajax 检索响应，同时保留 "this"的范围

Question

我在ajax成功中使用了一个闭包将其设置为_this，但现在我当然失去了“响应”。有人知道在这种情况下检索响应数据的方法吗？

var form = {       
    name: 'great form',    
    load:function() {
        $.ajax({
        url: "get/data",
        type: "POST",
        success: function(_this){
                console.log(_this.name);     // outputs : "great form"
                console.log(response.data);  // response is undefined
        }(this)
    });
};

Answer 1

您不想更改成功处理程序的参数。成功处理程序的第一个参数是您的 ajax 响应数据，因此您需要这样对待它。

要访问成功处理程序中的 this 指针，有多种方法。我认为最优雅的是 jQuery 允许您传递您希望在成功回调中设置的 this 上下文，作为 $.ajax 的参数之一() 函数如下所示:

var form = {       
    name: 'great form',    
    load:function() {
        $.ajax({
        context: this,      // sets 'this' pointer for success callback
        url: "get/data",
        type: "POST",
        success: function(response){
                console.log(this.name);      // outputs : "great form"
                console.log(response.data);  // ajax response data
        });
    });
};