如果用户在搜索面板(在页面上(中输入搜索(查询(参数,我需要更新URL中的搜索(查询(参数。我正在尝试这个:
$( document ).ready(function() {
if ($('.o_website_license_search_panel').length) {
$('.o_website_license_search_panel .o_search_submit').click(function () {
var search = $.deparam(window.location.search.substring(1));
console.log('before update')
console.log(window.location.search)
search.license_key = $(".o_website_license_search_panel input[name='license_key']").val();
console.log('new obj ', search, $.param(search))
window.location.search = $.param(search);
console.log('after update')
console.log(window.location.search)
});
}
});
我得到这个输出:
before update
web.assets_frontend.js:1254 ?license_state=cancel
web.assets_frontend.js:1255 new obj {license_state: "cancel", license_key: "test2"} license_state=cancel&license_key=test2
web.assets_frontend.js:1256 after update
web.assets_frontend.js:1257 ?license_state=cancel
如您所见,window.location.search
保持不变。我错过了什么,还是有意这样做?..
设置 search
(或除 hash
以外的任何其他属性location
上的任何其他属性会导致重新加载页面。在发生这种情况之前,该属性将继续具有其以前的值,这就是您在日志记录语句中看到前一个值的原因。记录旧值后,除非页面上的代码阻止它发生,否则将使用新的查询字符串重新加载页面,此时location.search
将显示新字符串。
更多: window.location
在 MDN 上的属性
您也可以使用javascript提供的历史api来提供帮助,但也要让您知道它不会刷新页面,而是更改url窗格中的浏览器URL,巧妙地完成您可以实现所需的
目标访问此链接了解更多详情
https://developer.mozilla.org/en-US/docs/Web/API/History_API
注意
有时人们将此方法用于 ajax 目的,从而使他们能够存储历史数据以及书签