URL 中的参数：规范化的妙用

URL 参数的规范用法

在 URL 中使用参数传递数据时，必须遵守一定的规范，以确保参数的正确解析和使用。关于 URL 参数放置的位置，存在两种主要方法：

1. 哈希 (#) 之前的查询字符串（推荐）

最常用的方法是将参数放在 URL 的哈希 (#) 之前，使用问号 (?) 分隔参数和查询字符串。例如：

https://example.com/page?param1=value1&param2=value2

优点：

• 不会更改页面历史记录，因此不会导致后退或前进按钮的行为异常。
• 参数不会被缓存，因此在每次刷新页面时都会重新加载。
• 适用于单页面应用程序，因为参数不会影响页面加载。

2. 哈希 (#) 之后的哈希片段

另一种方法是将参数放在 URL 的哈希 (#) 之后，使用问号 (?) 分隔参数和哈希片段。例如：

https://example.com/page#param1=value1&param2=value2

优点：

• 可以访问参数，而无需向服务器发出请求，这对于 JavaScript 应用程序很有用。
• 不会影响页面加载，因为哈希片段在页面加载后才会被解析。

规范化建议

无论采用哪种方法，对于 URL 参数放置的位置，建议遵循以下规范：

• 保持一致性： 始终使用同一种方法放置参数。
• 使用查询字符串： 优先使用哈希 (#) 之前的查询字符串，因为这是最常用的方法。
• 避免哈希片段： 除非有特定的技术需求，否则应避免使用哈希 (#) 之后的哈希片段，因为它可能会导致兼容性问题。

其他考虑因素

除了放置位置之外，还有其他因素需要考虑以确保 URL 参数的正确使用：

• 编码： 参数值必须使用 URL 编码，以处理特殊字符。
• 长度： 参数字符串的总长度应限制在 2048 个字符以内，以避免浏览器问题。
• 安全： 避免在 URL 参数中传递敏感信息，因为这些信息可能会被其他人看到或拦截。

遵循这些规范可以确保 URL 参数的可靠和一致使用，并有助于提高 Web 应用程序和页面的用户体验。

参考

HTML 规范：哈希片段

URL 查询字符串参数规范

输出文章

URL 中的参数：规范化的妙用

经常听到开发人员抱怨，网页 URL 中的参数放置不规范，有时在哈希 (#) 之前，有时在哈希 (#) 之后，这会导致参数丢失的问题。那么，URL 中的参数究竟应该放在哪里呢？

本文将讨论 URL 参数放置的两种主要方法，并提供关于规范化和最佳实践的建议。遵循这些原则可以确保 URL 参数的可靠和一致使用，并有助于提高 Web 应用程序和页面的用户体验。

查询字符串 vs 哈希片段

• 查询字符串： 参数放置在 URL 的哈希 (#) 之前，使用问号 (?) 分隔。优点：不更改页面历史记录，参数不会被缓存，适用于单页面应用程序。
• 哈希片段： 参数放置在 URL 的哈希 (#) 之后，使用问号 (?) 分隔。优点：可以通过 JavaScript 访问参数，不会影响页面加载。

规范化建议

• 保持一致性：始终使用同一种方法放置参数。
• 优先使用查询字符串。
• 避免使用哈希片段，除非有特定的技术需求。

其他注意事项

• 编码： 参数值必须使用 URL 编码。
• 长度： 参数字符串的长度应限制在 2048 个字符以内。
• 安全： 避免在 URL 参数中传递敏感信息。

遵循这些规范可以确保 URL 参数的可靠和一致使用，并有助于提高 Web 应用程序和页面的用户体验。