javascript - 我的 Ajax 调用未定义

Question

尝试记录“data.billAmount”语句时，控制台中出现未定义的情况。为什么会发生这种情况以及如何解决它？

我尝试执行 JSON.parse 和 JSON.stringify 但这些不起作用。我尝试使用 dataType: 'json' 但这不起作用。我不知道还能尝试什么。我被困住了。

PHP:

if (@$_POST['action'] == 'addBill')
{
    $billName = $_POST['bill_name'];
    $billAmount = intval($_POST['bill_amount']);
    $data = array(
        'billName' => $billName,
        'billAmount' => $billAmount,
    );
    echo json_encode($data);
    $stmt = $db->prepare("INSERT INTO bills (billName, billAmount) VALUES(?,?)");
    $stmt->bindParam(1, $billName);
    $stmt->bindParam(2, $billAmount);
    $stmt->execute();
}

JavaScript:

$(".addBill").on("click", function(e) {
    e.preventDefault();
    var billAmount = $('.billAmount').val();
    var billName = $('.billName').val();
    $.ajax({
        type: "POST",
        url: "index.php",
        data: {
            billAmount: billAmount,
            billName: billName,
            action: 'addBill'
        },
        success: function(data) {
            console.log(data.billAmount);
        }
    });
});

Answer 1

建议您将负责将帐单添加到单独文件中的功能移至单独的文件中。然后对该文件进行 AJAX 调用，一切都会正常运行，因为如果您想要一个特定的值点请求到特定的文件，该文件会为您回显该值...

当可以通过将功能分成较小的垃圾以清晰且正确的方式完成时，无需寻找解决方法。如果您坚持使用index.php之后

$stmt->execute();

再加一行

exit();

正如 Mohamed-Yousef 对问题的评论。