Ajax、子域、200 响应和图像——好吗？

Question

这是一个与AJAX, Subdomains and the 200 OK response（和JavaScript Same Origin Policy - How does it apply to different subdomains?）非常相似的问题，但有所不同。我的情况是：

• 域 (www.example.com)
• 子域中的页面 (sd.example.com/cat/id)
• 需要向另一个子域 (cdn.example.com) 发出 ajax 样式请求

与上述问题相反，我要求的是图像。

• GET 图像请求（使用 jQuery $.load()）

这似乎工作得很好。因为它工作得很好，当有人指出它在 Firebug 中产生错误时，我并没有立即想到同源策略。

• 图像 ARE 在 localhost 加载（test.sd.example.com/cat/id 的 apache VirtualHost url）

但是，由于我链接的那个问题，现在我想到了它，我担心这在生产中不会可靠地工作。

• 这会继续在生产环境中工作吗？它能否可靠地跨浏览器工作？

答案：不——它只是看起来像它在工作；不是真的

• 如果没有，我该如何解决？ （我不认为我可以 JSONP 图像...可以吗？）

答案：继续设置图片的src，等到加载事件触发后才显示。

• 如果是这样，如何停止 Firebug 错误？如果我能。 （他们吓坏了其他开发人员。）

Answer: 同上——去掉实际对图像文件进行 GET 请求的步骤。

初始代码

function(imageUrl, placeTarget){
 var i = new Image();
 var img = $(i);
 img.hide()
 .load(imageUrl, function(e){
  // console.log("loadImage: loaded");
  placeTarget.attr("src", imageUrl);
  return true;
 })
 .error(function(){
  // error handling - do this part
  // console.log("loadImage: error");
  return false;
 });
 return;
} // loadImage

Answer 1

为什么不通过创建图像元素并设置 src 来将图像插入页面。还有什么更简单的？

编辑：...通过 javascript

我不确定这是否完全正确，但在 jquery 中：

img = $('<img>');
img.attr('src', 'http://somewhere.com/some_image.jpg');
$('#place_to_add').append(img);
img.ready(fade_into_next);

Answer 2

查看此帖子：JavaScript Same Origin Policy - How does it apply to different subdomains?