表格提交退货是假的

Form submitting on return false

本文关键字：提交 表格      更新时间：2023-09-26

我有以下形式：

<form id="sizeForm" style="float:right;">
  <input value="test" name="comments" type="text">
  <input class="btn-sm btn-main" value="Save" type="submit">
</form>

我正在尝试使用 ajax 提交，但表单正在发布，这是 JQuery：

$("#sizeForm").submit(function () {
            $.ajax({
                type: "POST",
                url: "/ajax/actions/editSize.php",
                data: $(this).serialize(),
                success: function (dataBack) {
                  $('#size2'+dataBack).fadeOut().promise().done(
                    function(){
                      $('#size1'+dataBack).fadeIn(); 
                    }
                  );
                 }
              });
              return false;
      });

有什么想法我哪里出错了吗？

问题可能出在您的 PHP 脚本（您尚未提供）上，但这里有一些想法。

.HTML：

<form id="sizeForm" style="float:right;">
  <input value="test" name="comments" type="text">
  <input class="btn-sm btn-main" value="Save" type="submit">
</form>

JavaScript：

$("#sizeForm").on('submit', function () {
    $.ajax({
        type: "POST",
        url: "/ajax/actions/editSize.php",
        data: $(this).serialize(),
        success: function (dataBack) {
            $('#size2'+dataBack).fadeOut().promise().done(
                function(){
                $('#size1'+dataBack).fadeIn(); 
                }
            );
         }
    });
    return false;
});

在你的PHP脚本中添加类似的东西，这样你就知道值被接收了。这将显示在浏览器开发人员工具的网络选项卡中。

if (!empty($_POST['comments'])) {
    echo "form submitted!";
    exit;
}

在网络选项卡中，您应该看到类似 POST editSize.php .如果您没有看到它，则表单未发送。如果您确实看到它，请打开它并查看"帖子"选项卡。这将向您显示已发送的内容。然后，您的"响应"选项卡将显示 PHP 脚本的输出。

相关文章：