jquery load（）仅适用于alert（）

Question

以下代码仅在我取消注释警报时才有效。这段代码有什么问题。
的 temp.html

<script src="jquery.js" type="text/javascript"></script>
    <div id="show"></div>
    <form id="chat_form">
        <input type="submit" />
    </form>
    <div id="abc"></div>
    <script>
        $(document).ready(function () {
            $("#chat_form").submit(function (event) {
                $("#show").load("test.html", function (responseTxt, statusTxt, xhr) {
                    if (statusTxt == "success")
                        $("#abc").text(responseTxt);
                    if (statusTxt == "error")
                        $("#abc").text(xhr.statusText);
                    //alert( xhr.statusText);

                });
            });
        });

    </script>

的test.html

<p>hi i am test.html</p>

Answer 1

您应该阻止表单提交：

$("#chat_form").submit(function (event) {
    event.preventDefault(); // <-----add this to stop the form submission.

Answer 2

使用此

$("#chat_form").submit(function (event) {
     event.stopPropagation();
 });