Question

我有一个带表格的模态。在按钮上单击模式我将几个值发送到另一个php文件，该文件有一个脚本可以将值添加到我的数据库中。

我需要在存储值后进行一些模态操作。我已经尝试了这个，但它似乎没有工作，即使我没有错误，值存储在我的数据库中确定...

$(document).on('click', '.addNumber', function() {
    var newNum = $('input#newNumber').val();

    $.ajax({
        type: 'POST',
        url:  '/addNewPhoneNumber.ajax',
        data: {
            'bid' : bid,
            'nbr' : newNum
        },
        dataType : 'json'
    }).done(function() {
        $(this).addClass('none');
        $('#newNumber').remove();
    });
});

我错过了什么？

Answer 1

完成函数中的$（this）不是你需要的按钮

$(document).on('click', '.addNumber', function() {
    var newNum = $('input#newNumber').val();
    var that = $(this);
    $.ajax({
        type: 'POST',
        url:  '/addNewPhoneNumber.ajax',
        data: {
            'bid' : bid,
            'nbr' : newNum
        },
        dataType : 'json'
    }).done(function() {
        that.addClass('none');
        $('#newNumber').remove();
    });
});

Answer 2

(this)在ajax request内无效，因为它被ajax覆盖。因此，在object之前将ajax request分配给新变量，然后使用该变量代替$(this)

成功的ajax帖子的附加行动

2 个答案: