浏览器背面的Html输入值,用于搜索字段

时间:2015-07-24 07:28:12

标签: javascript html

我的网站出现此问题 - 在浏览器上,搜索字段显示我用于提交表单的值以进入下一页。我无法解决如何解决它,因为浏览器返回不发出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>

简而言之,我的问题是:解决这个问题的正确方法是什么?我可以考虑从某个历史记录中获取一个来自url的get参数返回javascript事件,但它似乎是一个常见问题的黑客攻击?

1 个答案:

答案 0 :(得分:0)

我必须在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);
}