以下是一个示例的解决方案,其中包含HTML、PHP和JavaScript代码。
HTML代码:
PHP代码(refresh.php):
PHP代码(submit.php):
这个示例中,JavaScript代码使用了jQuery库来简化AJAX操作。在页面加载完成后,使用setInterval
函数每隔1秒钟调用一次refresh.php
文件,然后使用.load()
函数将返回的内容插入到#result
元素中,实现页面的自动刷新。
当点击提交按钮时,JavaScript代码会使用.serialize()
函数将表单数据序列化为一个字符串,并通过AJAX POST请求将数据发送到submit.php
文件。然后,使用success
回调函数将返回的内容插入到#result
元素中,实现无刷新提交。
请注意,这只是一个示例,你可能需要根据自己的需求进行相应的修改和调整。
上一篇:ajax自动更新表格数据库