今天碰到一個(gè) HTML 的問題,一個(gè)表單在提交后,到達(dá) action 指向的頁面后,在連接中所傳遞的值,都直接被刪除了的問題。比如 <form action="http://dest.com?id=1" method="GET"></form>,這個(gè)表單在提交后,網(wǎng)頁的鏈接為 http://dest.com? 而后面本來想要傳遞的值 id = 1 沒了。
以前在處理 form 的傳值上,多數(shù)為 POST method, 直接用 JS 提取表格內(nèi)輸入的值,這種方式因?yàn)轫?xiàng)目給的時(shí)候,用了這種方法,不想大改,就繼續(xù)沿用。出現(xiàn)這個(gè)問題的原因是,在提交表單后,瀏覽器會(huì)自動(dòng)用表單里面的內(nèi)容生成新的 key=value 來替換掉原來問號(hào)后面的內(nèi)容。
正確的做法也挺簡(jiǎn)單,如下
<form action="http://dest.com?id=1" method="GET">
<input type="hidden" name="id" value="1">
</form>
這樣就搞定了。