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

不是页面重装功能不适用于jQuery

1 个答案: