如果单击表单的提交按钮,如何刷新页面?

时间:2014-08-19 19:23:12

标签: javascript html forms

例如我有这段代码:

<form name="formm" action="http://example.com/" target="_blank">
    <input type="text" name="txt" />
    <input type="Submit" value="Submit" />
</form>

当我点击提交时,它会将表单发送到在新标签页中打开的链接。这正是我想要发生的事情。但是,我还想刷新页面,以便运行一些PHP代码。很简单,我将其添加到我的提交输入中:

onclick="location.reload()"

这似乎适用于任何其他情况,除非它被添加到提交按钮。我怎样才能让它发挥作用?

4 个答案:

答案 0 :(得分:2)

在提交到新网页的表单中,添加onClick="reloadpage();"。这适用于所有5种浏览器:

function reloadpage()
{

    var returnURL = "this_pages_name.php?upd=" + Math.random() * 100;

    setTimeout(function() 
    {
        window.location=returnURL; 
    }, 50 );


}

答案 1 :(得分:2)

你可以尝试:

onsubmit="setTimeout(function () { window.location.reload(); }, 10)"

我将此用于表单,并且在所有浏览器中都能正常运行:)

答案 2 :(得分:1)

你可以试试;

$('#form_id').on("submit", function() {

  location.reload();

});

这不应该阻止提交表单的默认操作,但应该捕获事件并重新加载页面。

您需要在表单上指定ID。

答案 3 :(得分:0)

在生成任何输出之前,在PHP中声明一个标题以将位置移动到当前文件:

header('Location: .');

这会将标题位置设置为:'。' (当前目录)然后再次查找您的页面。它还将清除任何防止数据库垃圾邮件的表单数据集