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