由于编码不匹配，Backbone.js 两次加载 URL

如何解决由于编码不匹配，Backbone.js 两次加载 URL

我仍在使用 Backbone.js，并且当哈希中有 JSON 时，URL 加载两次（至少在 Chrome 中）有一些问题。

假设我想导航到这个哈希：#{"name":"Viktor"}。用 encodeURIComponent('{"name":"Viktor"}') 编码后，它变成 %7B%22name%22%3A%22Viktor%22%7D。

如果我然后尝试导航到像 this.navigate('%7B%22name%22%3A%22Viktor%22%7D') 这样的散列，Backbone 会将散列解码为 #{"name":"Viktor"} 并保存它。然后触发 hashchange 事件，调用 Backbone.history.checkUrl() 间接调用 Backbone.history.getHash() 并从 #{%22name%22:%22Viktor%22} 返回哈希 window.location.href，但这只是部分解码，至少在铬。

这会导致以下检查失败：

if (current === this.fragment) return false;

因为 #{"name":"Viktor"} 不等于 #{%22name%22:%22Viktor%22}。我认为这是问题的要点。如果我覆盖 Backbone.history.getHash() 并将 %22 替换为 "，我的问题解决了，但我觉得我应该做些不同的事情？

先谢谢你！

解决方法

您的问题 is a bug 在 Backbone 1.4 中得到修复，因此我建议您更新您的 Backbone 版本。

我认为可以解决的唯一方法是像您一样修补 Backbone。