1. 程式人生 > >谷歌Chrome瀏覽器提交表單無效,無法跳轉,a標籤不起作用的解決方案

谷歌Chrome瀏覽器提交表單無效,無法跳轉,a標籤不起作用的解決方案

今天遇到一個坑爹的問題,找了很久才弄清楚原因,在此給廣大網友分享一下解決這個問題的經驗,以便少走彎路。

造成表單form無法提交的原因是,谷歌瀏覽器自作聰明的認為這屬於“重複提交”,於是被谷歌瀏覽器劫持了。

解決方法:

將<form id="form_downld" method="post" action="xxxxxurl">

中的action用js去動態的設定:

function toDownload(taskNo,fileId) {
 $("#dow_taskNo").val(taskNo);
 $("#dow_fileId").val(fileId);
 document.form_downld.action='report/xxxxxurl?'+new Date().getTime();
 document.form_downld.submit();
}

注意,我們在action的後面加上了new Date().getTime();這是關鍵,這確保了每次的action地址都不一樣,有效的防止了谷歌瀏覽器對重複提交的判斷。