Question

（对不起我的英文）。

我想做的是基本数据库插入。实际插入部分工作正常问题是index.php在插入后重定向process.php。但它应该保持在同一页面并清除所有字段我在做什么错误。

这是index.php文件

mysql_

这是site.js

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<form action="process.php" id="myForm" method="post">
    UserName <input type="text" name="uname"><br>
    Pass <input type="text" name="pass"><br>
    FirstName <input type="text" name="fname"><br>
    LastName <input type="text" name="lname"><br>
  <button id="submit" value="register"></button>


</form>
<div id="ack">Ack</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="site.js"></script>
</body>
</html>

这是插入

$("#submit").click( function() {

    $.post( $("#myForm").attr("action"),
        $("#myForm :input").serializeArray(),
        function(info) {

            $("#ack").empty();
            $("#ack").html(info);
            clear();
        });

    $("#myForm").submit( function() {
        return false;
    });
});

function clear() {

    $("#myForm :input").each( function() {
        $(this).val("");
    });

}

Answer 1

你这样试试;

$("#myForm").submit( function() {
    return false;
    });

$("#submit").click( function() {

$.post( $("#myForm").attr("action"),
    $("#myForm :input").serializeArray(),
    function(info) {

        $("#ack").empty();
        $("#ack").html(info);
        clear();
    });
});

function clear() {

    $("#myForm :input").each( function() {
        $(this).val("");
    });
}

Ajax代码无法正常工作

1 个答案: