jquery - 在 url 中传递多个类似哈希的参数

Question

我正在使用 jQuery 和 Ajax 构建一个动态网站。我已经使用历史记录插件解决了历史记录和后退按钮的问题。我想在 url 中传递多个类似哈希的参数，而无需在单击事件时重新加载整个页面。我想要这样的东西:

• something.php#type=abc&id=123或
• something.php/?type=abc&id=123 ...

哪一种是在 url 中传递和检索此类参数的最佳方式？

<a href="#type=abc&id=123">Click</a>

if(type==abc && id==123)
{
    do this..
}

通常我们这样做，<a href="something.php?type=abc&id=123">Click</a>但它会重新加载整个页面。

Answer 1

哈希值具有技术上允许包含的有限字符集。如果你看URL spec这里，哈希值被称为fragmentid。这是它可以包含的内容的语法:

fragmentid              xalphasxalphas                 xalpha [ xalphas ] xalpha                  alpha | digit | safe | extra | escapesafe                    $ | - | _ | @ | . | &  | + | -extra                   ! | * |  " |  ' | ( | )  | ,escape                  % hex hexalpha                   a | b | c | d | e | f | g | h | i | j | k |                        l | m | n | o | p | q | r | s | t | u | v |                        w | x | y | z | A | B | C | D | E | F | G |                        H | I | J | K | L | M | N | O | P | Q | R |                        S | T | U | V | W | X | Y | Z   digit                   0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9

您会注意到，可以有 &，但不能有 =，除非您在设置或检索哈希值时对哈希值调用encodeURIComponent 和decodeURIComponent。

至于使用什么技术，这完全取决于你。如果您需要在哈希值中表示多个参数，您可以在哈希值中创建自己的小语法。我个人可能会像在查询字符串中一样用 & 分隔值，但使用 - 而不是 =。