javascript - 在不刷新页面的情况下提交 php 表单

Question

我已经搜索了很多解决方案但都没有成功。

我有一个html表单；

<form id="objectsForm" method="POST">
      <input type="submit" name="objectsButton" id="objectsButton">
</form>

这用于菜单按钮。

我正在使用 jquery 来防止网站刷新；

$('#objectsForm').on('submit', function (e) {

    e.preventDefault();

    $.ajax({
        type: 'post',
        url: '/php/objects.php',
        data: $('#objectsForm').serialize(),
        success: function () {
            alert('success');
        }
    });

});

在我的 php 文件 中，我尝试将文本回显到我的网站主体；

<?php
if (isset($_POST["objectsButton"])){
     echo '<div id="success"><p>objects</p></div>';
} else {
echo '<div id="fail"><p>nope</p></div>';
}
?>

我知道我的 php 文件的路径是正确的，但它没有显示任何内容？甚至不是“失败的div”。 有没有人为我提供解决方案？

提前致谢!

Answer 1

成功函数有两个参数。第一个参数是从 php 文件返回的内容。尝试将其更改为:

success: function (xhr){ alert(xhr);}