javascript - 必须按 2 次提交按钮才能实际提交 - AJAX

Question

正如标题所说...

我的一些代码:有更多输入，但我将放置这个只是为了简化。

 <form name="frmCadastroPlano" id="frmCadastroPlano" class="form-horizontal"  >

 <input class="input-xlarge" id="inputNome" name="inputNome" type="text" value="" style="height: 26;">

 <button type="submit" class="btn btn-primary" id="enviar">Cadastrar</button>

 <button class="btn" name="clear" id="clear">Cancelar</button>



<div id="resposta"></div>

    </form>

Ajax 代码:

$("#frmCadastroPlano").submit( function(e) {
e.preventDefault();
dataString = $("#frmCadastroPlano").serialize();

$.ajax({
    type: "POST",
    url: "cadastroPlano.php",
    data : dataString,
    dataType: "html",

    success: function(retorno) {
        $("#resposta").html(retorno);
        resetForm('frmCadastroPlano');
    }

});
return false;
});

当我第一次按下按钮时，所有输入都会在网址中序列化，例如 GET 方法...示例 url.php?inputNome=asdas&inputDuracao=asdasda&inputPreco=asdas... 然后表单被重置，我必须输入数据再次这样我终于可以提交...我已经看到了这个类似问题的另一个答案，但没有运气:/糟糕的英语。

带警报的输出(dataString)inputNome=asda&inputDuracao=dsadas&inputPreco=dasdas

Answer 1

你什么时候运行这个ajax代码？看起来您没有在 document.ready 函数中运行它。试试这个

$(document).ready(function() { 
    $("#frmCadastroPlano").submit( function(e) {
        e.preventDefault();
        dataString = $("#frmCadastroPlano").serialize();

        $.ajax({
            type: "POST",
            url: "cadastroPlano.php",
            data : dataString,
            dataType: "html",

            success: function(retorno) {
                $("#resposta").html(retorno);
                resetForm('frmCadastroPlano');
            }

        });
        return false;
    })
});

旁注:使用浏览器中的开发者控制台(例如 Chrome 中的 Control+Shift+I)来查看网络上发生的情况(例如 GET 或 POST/哪些数据/...)。这可能会帮助您找到此类问题的根本原因。

您不妨看看this stackoverflow问题，因为它看起来与您在本例中的问题类似。