Question

我有以下表格：

<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;
      });

我出错的任何想法？

Answer 1

问题可能在于您的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之类的条目。如果您没有看到，则表单未发送。如果你看到它，打开它，看看＆＃34; post＆＃34;标签。这将显示发送的内容。然后，你的回复＆＃34;选项卡将显示PHP脚本的输出。

表格提交返回虚假

1 个答案: