jquery - 如何在$.ajax的成功回调中传递$(this)

Question

我见过几个不同的例子，访问 $(this) 是 ajax 的成功回调，但没有一个给我想要的答案 - 它们都在 ajax 函数内访问 $(this) ，我想传递 $(this ) 到一个单独的函数。

所以如果有2个文本框需要验证

$("#tb1").focusout(function(){
    $.ajax({
        type:'POST',
        url: 'validURL',
        data: {various_parameters},
        contentType: 'application/json; charset=utf-8',
        dataType:'json',
        success: function(data){
            validInput(data, $(this));
        },
        error: error
    });
}

$("#tb2").focusout(function(){
    $.ajax({
        type:'POST',
        url: 'validURL',
        data: {various_parameters},
        contentType: 'application/json; charset=utf-8',
        dataType:'json',
        success: function(data){
            validInput(data, $(this));
        },
        error: error
    });
}

function validInput(response, obj){
    console.log(response.d);
    console.log(obj.val());
};

当我运行代码时，我得到了response.d的正确值，但出现错误:jquery-1.11.1.min.js:4 Uncaught TypeError: Cannot read property 'toLowerCase' of undefined for obj.val()。

我做错了什么吗？

感谢您的帮助。请参阅:Dos/运行

Answer 1

$(this) 相对于最内层函数，在这种情况下，您需要将 $(this) 分配给 ajax 之前的变量查询，并在成功时使用该变量。

$("#tb1").focusout(function(){
    var elem = $(this);
    $.ajax({
        type:'POST',
        url: 'validURL',
        data: {various_parameters},
        contentType: 'application/json; charset=utf-8',
        dataType:'json',
        success: function(data){
            validInput(data, elem);
        },
        error: error
    });
}