用于对数据进行排序的多个 (2) 个哈希 URL 参数
Multiple (2) hash url parameters for sorting data
>我有 2 个过滤器:按位置和类型。每次我需要在不刷新页面的情况下更新哈希 url。我该怎么做?
链接结构,例如:site.com/about#location=12#type=188
谢谢
您可以使用
window.location.hash
调整 url 中的哈希。
window.location.hash = 'some value';
首先将
哈希拆分为#
,以获得最多包含 2 个项目的数组:
var hashes = window.location.hash.split('#');
然后你可以检查它们是否存在,就像:-
var location = hashes.filter(function(i) { return i.startsWith('location'); });
var type = hashes.filter(function(i) { return i.startsWith('type'); });
如果location.length == 1
并且与type
相同,则设置它们。
然后,您可以像这样更新/替换:-
location[0] = "location=" + 11;
type[0] = "type=" + 190;
将它们重新连接在一起的最简单方法是将它们重新连接在一起,未设置一个是将它们添加到新数组中并join
。
var arr = [];
if(location.length == 1) arr.push(location[0]);
if(type.length == 1) arr.push(type[0]);
window.location.hash = arr.join('#');
相关文章:
- 如何同步Redux状态和url哈希标记参数
- 如何使用哈希提取URL参数
- jQuery将查询参数附加到当前哈希中,忽略重复项
- Jquery在尝试添加url参数时添加哈希符号
- 处理Ember.js默认路由之外的页面URL哈希参数
- URL 哈希参数的 JavaScript 字符串压缩
- javascript/coffeescript 使用函数哈希作为参数
- 哈希 URL 参数,MD5 哈希 (PHP)
- RegEx 用于从 JavaScript 中的 url 哈希中提取参数
- 用于对数据进行排序的多个 (2) 个哈希 URL 参数
- Rails 3 上传和回形针参数哈希不可用
- Javascript - 获取带有哈希的 url 参数
- 加载内容时取决于哈希 URL 参数
- 车把.js:是否可以将多个哈希作为参数传递给车把助手
- 如何从控制器 ASP.NET url 中删除哈希参数,以便返回到 Angular.JS 应用程序中的根 URI
- 如何使用 JavaScript 哈希作为函数中的参数
- 如何从 URL 获取哈希参数
- 从请求url获取哈希参数
- 如何从url解析哈希参数
- 函数将URL哈希参数转换为对象(键值对)