javascript - 设置ajax成功回调作为输入值

Question

这个问题已经有答案了:

How to access the correct `this` inside a callback (15 个回答)

已关闭 6 年前。

我想将 AJAX 请求中成功回调返回的数据设置为输入值。这是行不通的。我感觉这是因为我在 (.on) 事件函数中使用 AJAX 请求。我需要使用 AJAX 请求 ($this) 中的事件函数来查找我想要更新的输入。

$(function () {
        $("table").on('change', '.master', function () {
            $.ajax({ type: "POST", async: false, url: '<?php echo site_url('wordsuggestion'); ?>/hoi/nederlands/frans', success: function(data) { 
                $(this).parents('tr').find(".slave").val(data);
            }});
        });
    });

这是我正在使用的表格。

<tr>
                <td>
                    <div class="form-group"><input type="text" class="master" name="or[0]"></div>
                </td>
                <td>&nbsp;</td>
                <td>
                    <div class="form-group"><input type="text" class="slave" name="tr[0]"></div>
                </td>
            </tr>

这对我来说是个谜，为什么这不起作用。我认为在 AJAX 调用中，不能再使用 $(this) 运算符，这会导致输入无法更新。

Answer 1

this 并不是指您在 AJAX 回调中的想法。该回调的上下文位于已完成的原始 change 事件处理程序的上下文之外。

您可以在 $.ajax() 调用中设置上下文，如下所示:

$.ajax({
    context: this,
    type: "POST",
    // etc...

或者甚至只是将值设置为变量并捕获该变量以进行回调:

var element = this;
$.ajax({
    success: function (data) {
        $(element).parents('tr')....
    },
    // etc...