使 URL W3C 有效并在 Ajax 请求中工作

Question

我有一个返回 URL 的通用函数。 （它是一个插件函数，可返回插件内资源 [图像、样式表] 的 URL）。

我在这些 URL 中使用 GET 参数。

如果我想在 HTML 页面中使用这些 URL，以通过 W3C 验证，我需要将 & 符号屏蔽为 &

/plugin.php?plugin=xyz&resource=stylesheet&....

但是，如果我想使用 URL 作为 AJAX 调用的“url”参数，则 & 符号不会被正确解释，从而搞砸了我的调用。

我可以做点什么吗？在 AJAX 调用中工作？

我非常希望避免向 URL 生成函数添加参数（intendedUse="ajax" 或其他）或在 Javascript 中操作 URL，因为此插件模型将被重复使用多次（可能是很多人）并且我希望它尽可能简单。

Answer 1

在我看来，您遇到了让应用程序的一个部分跨多个层的问题。在本例中，它是插件。

RFC 1738 指定的 URL 规定 URL 应使用 & ; 标记，用于将键/值对彼此分开。然而，& 符号是 HTML 中的保留标记，因此应转义为 &。由于转义 & 符号是 HTML 的产物，因此您的插件可能不应该直接转义它们。相反，您应该有一个函数或某种转义规范 URL 的东西，以便它可以嵌入 HTML 标记中。

Answer 2

唯一可能实际发生这种情况的地方是，如果您是：

• 使用 XHTML
• 将其作为 text/html 提供
• 使用内联

这不是一个愉快的组合，解决方案是 在规范中。

如果您的脚本使用外部脚本
使用<或&或]]>或--。

XHTML 媒体类型注释包含相同的建议，但还提供了解决方法 如果您选择忽略它。

Answer 3

尝试返回 JSON 而不仅仅是字符串，这样您的 Javascript 就可以将 URL 值作为对象读取，并且您不应该遇到这个问题。除此之外，尝试简单地对字符串进行 HTML 解码，使用类似以下内容：

function escapeHTML (str)
{
   var div = document.createElement('div');
   var text = document.createTextNode(str);
   div.appendChild(text);
   return div.innerHTML;
}; 

显然，您需要确保删除对可能创建的 DOM 元素的任何引用（为了简化示例，我在这里没有这样做）。

我在工作中创建的 AJAX 站点中使用了这种技术，并多次使用它来解决这个问题。

Answer 4

当您具有以下形式的标记时：

<a href="?a=1&b=2">

那么 href 属性的值为 ?a=1&b=2。 & 只是 HTML/XML 中的转义序列，不会影响属性的值。这类似于：

<a href="<>">

其中属性的值为 <>。

相反，如果您有以下形式的代码：

<script>
var s = "?a=1&b=2";
</script>

那么您可以使用 JavaScript 函数：

<script>
var amp = String.fromCharCode(38);
var s = "?a=1"+amp+"b=2";
</script>

这允许原本仅是有效 HTML 或仅有效 XHTML 的代码在两者中均有效。 （有关更多信息，请参阅 Dorwald 的评论。）