表单提交、通过PHP传输数据后，清空表单

最新推荐文章于 2024-03-14 15:45:57 发布

burner

最新推荐文章于 2024-03-14 15:45:57 发布

阅读量2.6k

点赞数 1

分类专栏： phpmyadmin PHP 表单清空

本文链接：https://blog.csdn.net/burner/article/details/83719020

版权

当HTML表单提交数据到PHP，成功存储到MySQL数据库后，如何清空表单成为一个问题。尝试了多种JavaScript方法，如使用getElementById和reset()，但这些方法要么只清空表单未保存数据，要么保存数据但未清空表单。最终解决方案是在HTML<body>标签中添加onload和onunload事件，调用clearForms()函数，该函数遍历所有表单并重置它们，确保数据保存且表单清空。

摘要由CSDN通过智能技术生成

HTML表单提交后，通过PHP传递数据到MySQL数据库，通过phpmyadmin查看，数据传递成功，但是发现表单没有被清空，如何清空表单呢？

网上搜索了诸多方法，比如：

document.getElementById('biao').value="" ; //表单清空了，但是数据库只有id没有其他内容
document.getElementById('biao').reset(); //表单清空了，但是数据库只有id没有其他内容
document.getElementById('biao').submit(); //表单清空了，但是数据库只有id没有其他内容
document.form.value.clear(); //表单清空了，但是数据库只有id没有其他内容

又比如：

Response.Redirect("URL"); //数据库插入数据成功，但是没有清空表单
document.getElementById("d").value=""; //数据库插入数据成功，但是没有清空表单

还有的说如果用js提交后直接重置，有时候会报错，因为正在往后台传值的过程中，你就清空，会获取不到这个值。
这就需要js的回调机制，比如：

function submitForm(callback){                 //主函数
   document.getElementById("biao").submit();
   callback(huidiao);