jquery load（）仅适用于警报（）

以下代码仅在我取消注释警报时有效。此代码有什么问题。
临时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>

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

$（文档）.ready（函数（）{
$（“#聊天室表格”）。提交（功能（事件）{
$（“#show”）.load（“test.html”，函数（responseText、statusTxt、xhr）{
如果（statusTxt==“成功”）
$（“#abc”）.text（responseText）；
如果（statusTxt==“错误”）
$（“#abc”）.text（xhr.statusText）；
//警报（xhr.statusText）；
});
});
});

test.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>

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

你好，我是test.html

您应该阻止提交表单：

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

$（“#聊天室表格”）。提交（功能（事件）{
event.preventDefault（）；//使用此

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

尝试阻止默认的表单提交操作-那么警报如何解决问题，因为警报在ajax回调中..所以当ajax请求完成时，表单应该已经提交了…除非它是一个同步ajax请求没有提交it@ArunPJohny我猜alert在那个点上保持屏幕，OP可以看到text在那个时候出现在div中，但是当注释表被提交时，div中没有任何内容。我想这就是问题所在。