javascript - jquery 变量中带有 &、/等字符的有趣 html 故障？

Question

我正在尝试在 jquery 函数在 ajax 请求后返回的 div 内容周围添加 html。它确实有效，并添加了一些我添加的 html 代码，但是在使用 addtnl html 提交"new"修改数据后...它删除了此“&aoe=1&q=90”以及 html 代码的其他部分包括 & 符号和//?

var url_contents = $('#url_contents').html();
var url_image = $("#imagesz").find('img').attr('src');
var addtnl = '<br\/><table width="100%" border="0" cellspacing="0" cellpadding="0">tr><td valign="top" align="left">' + url_contents + '<\/td><td valign="top" align="right"><img src="http:\/\/mydomain.com\/thumb\/?src=' + url_image + '&aoe=1&q=90" border="0" style="max-width:125px;"><\/td><\/tr><\/table>';

以前从未尝试过此操作，但需要以这种方式进行设置，以便图像缓存在我的服务器上，而不是从我的函数从中获取数据的网站中提取。不太确定我做错了什么？

Answer 1

您需要对参数中的值进行 URL 编码，然后需要对整个 URL 进行 HTML 编码。如果src值中没有需要HTML编码的字符，则只需对&字符进行HTML编码即可:

...<img src="http://mydomain.com/thumb/?src=' + encodeURI(url_image) + '&amp;aoe=1&amp;q=90" border="0" style="max-width:125px;">...