Question

我正在尝试学习AJAX。在我的WAMPSERVER www.directory中，我有一个名为IMAGES的文件。在该文件中有一个名为logo.png的图像。我试图使用此代码从服务器检索此图像

function loadXMLDoc()
{
   var xmlhttp;
   if (window.XMLHttpRequest)
   {
     xmlhttp=new XMLHttpRequest();
   }
   else
   {
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }

   xmlhttp.onreadystatechange=function()
   {
     if (xmlhttp.readyState==4 && xmlhttp.status==200)
     {
       var response = xmlhttp.responseText;


var img=document.createElement("img");
img.src=response;
var myDiv=document.getElementById("one");
myDiv.appendChild(img);


     }
   }

   xmlhttp.open("get","images/logo.png",true);
   xmlhttp.send();
}
window.onclick=loadXMLDoc

在chrome中，它会抛出有关交叉原点或其他内容的错误（限制）。但是在firefox中它会附加图像，但是没有src，它会抛出错误“没有很好地形成”。如果我将代码更改为innerHTMl到所述div并使用

xmlhttp.open("get","images/change.txt",true);

它有效。

那么，从服务器检索图像的正确方法是什么？另外，假设我在“images”文件夹中有更多图像，我怎么能全部检索它们呢？

Answer 1

不要使用javascript来获取图片。只需创建HTML标记，让HTML和浏览器完成它们的工作。我并不是故意以任何方式粗鲁，只是这是你问题的正确答案。如果您只是想了解AJAX，请提供与AJAX功能更相关的问题。

使用AJAX从服务器检索图像

1 个答案: