javascript - 使用包含图像标签的内容设置元素的 html 源

Question

我正在使用Mootools History 插件来更新页面的内容，而无需重新加载页面。

当图像在被注入的内容中时，除了 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 错误。

网址如下所示：

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

虽然页面源将它们显示为：

/files/images/ImageName.jpg

404 错误指的是 Mootools Core 中的第 334 行，尽管我看不出会导致问题的确切位置。

Answer 1

解决方案是使用Request.JSON而不是Request.HTML直接访问 JSON 对象，而不是先对其进行解码。

IE

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

正如@DimitarChristoff部分建议的那样