如何在尝试替换$location.search时避免转义
How to avoid escaping when trying to replace $location.search?
const createParam = (key, value) => '?'+key+'='+value;
const rebuildUrl = (linkUrl, params) => {
TagsFactory.resetTickerTags();
console.log('params', params);
_.each(params, (param)=> {
linkUrl += createParam(param.key, param.value);
});
console.log('linkUrl', linkUrl);
// window.location.href = linkUrl;
$location.search(linkUrl);
};
const checkForStoredLink = () => {
Util.notEmpty(storedLinkParams) ? rebuildUrl('', storedLinkParams) : null;
};
storedLinkParams = [
{ key: "ticker",
value: "AAPL" },
// etc...
上面的函数将接受params数组并生成一个像这样的字符串:/dashboard?ticker=AAPL?sort=trend?timespan=day?term_id_1=3010695?start_epoch=1473186060?end_epoch=1473358860
我当前的URL是这样的:
http://localhost/static/dashboard/app/#/dashboard?
一旦我上面的函数到达$location.search
行,它最终看起来像这样,这打破了UI:
http://localhost/static/dashboard/app/#/dashboard?%3Fticker=AAPL%3Fsort%3Dtrend%3Ftimespan%3Dday%3Fterm_id_1%3D3010695%3Fstart_epoch%3D1473186060%3Fend_epoch%3D1473358860
$location.search
期望搜索参数由&
分隔。例如
$location.search('param1=value1¶m2=value2');
result: ?param1=value1¶m2=value2
$location.search('?param1=value1?param2=value2')
导致:?%3Fparam1=value1%3Fparam2
。
如果你开始使用&
来分隔参数,那么你的生活可以更简单,你可以传入一个对象,避免任何字符串构建:
$location.search(_.fromPairs(_.map(params, x => [x.key, x.value])));
JsFiddle例子
以上代码假设_
是lodash.js的最新版本,否则:
_.each(params, x => $location.search(x.key, x.value));
JsFiddle例子
回答标题中的问题:如果您真的想自己设置原始url,那么解决方案可能是在window.location
周围注入您自己的包装器,但不建议
- 在JavaScript中输出转义字符
- 转义符不能与innerHTML一起使用
- Rails 3.2 js.erb文件转义js
- Lucene Search in Alfresco
- 转义在jsp's脚本
- 使用Jinja2的JavaScript转义字符串
- 将c#视图模型转换为javascript模型时转义HTML标记
- Rails:如何在浏览器中显示动态html内容,而不会对其进行转义,也不会引起XSS攻击
- JSON and jQuery Search
- 删除单引号字符转义
- 如何使用javascript/jquery更改转义键的功能
- 包含转义符号的正则表达式
- 在RegEx(JavaScript)中正确转义变量
- Javascript-正则表达式,用于在未转义字符上拆分字符串,例如|,但忽略|
- 如何转义字符串中的html实体
- Regex以转义HTML标记
- Javascript-转义特定字符
- Javascript Regex Search
- Jquery转义选择器无法识别的表达式:[data route=search/child]
- 如何在尝试替换$location.search时避免转义