jQuery變量中有趣的html故障，其中包含＆，/等字符？

Question

我正在嘗試在ajax請求之后返回我的jquery函數返回的div內容周圍的html。 它確實可以工作，並且會添加一些我添加的html代碼，但是在使用addtnl html提交“新的”修改后的數據后，它會去除此“＆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

嘗試將&更改為& ：

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 + '&amp;aoe=1&amp;q=90" border="0" style="max-width:125px;"></td></tr></table>';

順便說一句：我認為您不需要轉義正斜杠（ / ）：您可以只寫/而不是\\/ / 。

Answer 2

也許您需要在圖片來源屬性上調用encodeURI

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

Answer 3

您需要對參數中的值進行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;">...