javascript - 发送表单而不刷新

Question

我有一个问题，请大家帮我解决。

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#myform").validate({
        debug: false,
        rules: {

        },
        messages: {

        },
        submitHandler: function(form) {
            $.post('goCarnet.php', $("#myForm").serialize(), function(data) {
                $('#results').show("fast").html(data);
            });
        }
    });
});
</script>

<form method="post" action="" id="myForm" class="form-horizontal">
    <label class="field-label col-md-3 text-left">Nombre de carnets : </label>
    <div class="col-md-9">
        <select name="nbr" id="multiselect1">
            <option value="1" selected>1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
        </select>
        <label>&nbsp; De &nbsp;</label>
        <select name="total" id="multiselect2">
            <option value="25" selected>25</option>
            <option value="50">50</option>
        </select>
        <label>&nbsp; chèques</label>
    </div>
    <div class="text-right">
        <button type="submit" class="btn btn-sm btn-default btn-primary"> Commander </button>
    </div>
</form>
</div>
<div id="results" style="display:none" class="alert alert-success" role="alert"></div>

表单现在正在刷新同一页面但没有任何结果，但我希望它能粘贴 php 文件中的数据。PS:这个完全相同的代码可以像魅力一样在另一个项目上工作。

Answer 1

我会这样做 preventDefault...

$(document).ready(function() {
    $('#myForm').on('submit', function(event)
    {
        $.post('goCarnet.php', $(this).serialize(), function(data)
        {
            $('#results').show("fast").html(data);
        });
        event.preventDefault();
    });
});