【问题标题】:How to reload a page without resubmitting the form using javascript?如何在不使用 javascript 重新提交表单的情况下重新加载页面?
【发布时间】:2014-08-10 07:58:05
【问题描述】:

我正在从事一个小型库存管理项目。将项目添加到数据库后,重置按钮停止工作。我能够使用 javascript 重置除 html-5 日期属性和复选框之外的所有内容

$form.find('input:text, input:password, input:file, select,textarea').val('');           
$form.find('input:radio, input:checkbox, input:dropdown').removeAttr('checked').removeAttr('selected');

所以,我正在尝试使用
location.reload(true);
完全重新加载页面 但是,现在它提示要求重新提交表单。有什么办法可以解决这个问题?有没有其他方法可以重置表格?

抱歉,我是编程新手。感谢您的帮助。

【问题讨论】:

  • 通常的方法是在您收到提交的内容后,为您使用所选的服务器端语言进行小重定向,当您重新加载页面时,它会重新加载您重定向到的页面,而不是表单所在的页面提交给。
  • 一旦他们提交然后重置没有意义,因为数据库已经更新,除非您为每次更新创建一个新行。一旦他们提交,清除所有值,或者只是重新加载页面以保持他们的会话。
  • checked 是一个属性。示例:.prop('checked', false); 参考:.prop()
  • 重定向到同一页面解决了这个问题。谢谢大家。

标签: javascript html forms post reload


【解决方案1】:

在服务器端脚本中,添加项目后,重定向到同一页面而不是直接显示它。服务端脚本伪代码:

而不是:

if(additem() == success)
{
   display_form()
}

这样做:

if(additem() == success)
{
   redirect('/your/form_url')
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-12-05
    • 2016-01-20
    • 2023-03-31
    • 1970-01-01
    • 1970-01-01
    • 2013-08-20
    • 1970-01-01
    相关资源
    最近更新 更多