非页面重新加载功能不适用于 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
            });
    });
});