没有页面重装function不能正常工作
jQuery代码不重新加载页面:
$(document).ready(function(){ $('#submit').click(function(){ var page = $(this).attr('id'); $('#content').load('content/submit.php'); }); });
表格提交
submit.php
:
Thanks For the Submission
单击提交按钮后,我仍然不知道它是否正在加载页面
这将有助于您开始一点。
您需要通过阻止按钮上的默认事件来阻止正常表单提交。 否则,由于表单提交,页面将重新加载。
您还需要将数据发送到服务器。 您可以使用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 }); }); });