使用包含圖像標記的內容設置元素的html源代碼

Question

我正在使用Mootools History plugin更新頁面的內容而不需要重新加載頁面。

當圖像處於被注入的內容中時，除了Mootools生成404錯誤（在控制檯中可見），一切正常。

內容經由Request.HTML呼叫收集並進行如下設置（簡化演示）：

var request = new Request.JSON({ 
    onSuccess: function(responseJSON, responseText) { 
     html = JSON.decode(responseJSON); 
     $('zone').set('html', html['text']); 
    } 
}); 

的內容正在被正確設定，不過似乎.set('html', content)通過重寫src屬性，以產生404錯誤的圖像。

的URL看起來像這樣：

http://example.com/%22//files//images//ImageName.jpg/%22 

雖然網頁的源文件顯示他們爲：

/files/images/ImageName.jpg 

404錯誤是指線334在MooTools的核心，雖然我可以」不太明白哪裏會導致問題。

Answer 1

解決方案是使用Request.JSON而不是Request.HTML，並直接訪問JSON對象而不是先解碼。

即

var request = new Request.JSON({ 
    onSuccess: function(responseJSON, responseText) { 
     $('zone').set('html', responseJSON.text); 
    } 
}); 

正如@DimitarChristoff