不重新加載頁面功能無法正常工作的jQuery

Question

jQuery代碼的不重新加載頁面：

 $(document).ready(function(){ 

     $('#submit').click(function(){ 
     var page = $(this).attr('id'); 
     $('#content').load('content/submit.php'); 
      }); 
    }); 

形式提交

<input class="submit" id="submit" name="submit" type="submit" value="Submit"> 

submit.php：

<div id="content"> 
    <h2 style="color:#FF0000;"> Thanks For the Submission </h2> 
</div> 

我不知道點擊提交按鈕後仍然載入頁面

Answer 1

這會幫助你開始一點。

您需要通過防止按鈕上的默認事件來阻止正常表單提交。否則，頁面將由於表單提交而重新加載。

您還需要將數據發送到服務器。你可以得到所有的表格數據使用serialize()

$(function(){ 
    $('#submit').click(function(event){ 
      event.preventDefault(); 
      // collect the form data 
      var data = $(this).closest('form').serialize(); 
      // send the data and load new content 
      $('#content').load('content/submit.php', data, function(){ 
       // new html now exists can run any code needed here 
      }); 
    }); 
});