在瀏覽器中返回輸入字段的HTML輸入值

Question

我的網站出現此問題-在瀏覽器上，搜索字段顯示了我用來提交表單以進入下一頁的值。 我無法解決該問題，因為瀏覽器返回的不是HTTP Get。 是編寫某種JavaScript來通過某種瀏覽器后退事件從URL檢索Get值的唯一方法嗎？

僅供參考，我的html表單正在執行get，它看起來像這樣：

<form id="main-search-form" action="/home" accept-charset="UTF-8" method="get"><input name="utf8" value="✓" type="hidden">
        <input name="q" id="q" value="thinking sphinx" placeholder="" class="form-control" type="text">
</form>

簡而言之，我的問題是：解決這個問題的正確方法是什么？ 我可以考慮在某種歷史回溯javascript事件中從url獲取get參數，但這似乎是一個常見問題的技巧？

Answer 1

我必須在window.onload事件上使用javascript，我根據URL中的q get變量設置輸入字段。 除非我也包含window.onbeforeload事件，否則不行，這是行不通的。

window.onbeforeunload = function () {
}

window.onload = function() {
$('#q').val(getQueryVariable("q"));
}

function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if(pair[0] == variable){return pair[1];}
}
return(false);
}