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(); 
});