Javascript 报税表填报错误

我有以下表格：

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

---

你知道我哪里出错了吗？

问题可能在于你的PHP脚本（你没有提供），但这里有一些想法

HTML:

在PHP脚本中添加类似的内容，这样您就知道收到了值。这将显示在浏览器开发人员工具的“网络”选项卡中

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

---

在网络选项卡中，您应该看到一个类似于

POST-editSize.php

的条目。如果您没有看到，则该表单未发送。如果你确实看到了，打开它并查看“post”选项卡。这将向您显示发送的内容。然后，您的“响应”选项卡将显示PHP脚本的输出。

我认为您必须执行以下操作：$（“#sizeForm”）.submit（函数（事件）{

event.preventDefault（）；…

在

$.ajax（）

->

$（“#sizeForm”）.submit（函数（e）{e.preventDefault（）；$.ajax（{…}）之前是否尝试过阻止默认值

？我刚刚用您的代码创建了一个JSFIDLE，它正在工作，所以可能是出了其他问题。JS控制台上有错误吗？

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

$("#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;
});

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