Javascript ajax：获取图像作为对php文件的响应

因此，我有一个基本的php页面链接，当用户点击“gallery”链接时，我想要一个主div，在其中我显示的内容加载一个图像网格

这是我正在做的工作的示例代码：

myreq = new XMLHttpRequest();

myreq.open("GET","my gallery.php",true);
myreq.send(null);
myreq.onreadystatechange = function(){


if (myreq.readyState == 4)
{       
    $("#maindiv").html(myreq.responseText);
}
} 

我得到的是

div中的gallery文件

，但我得到的是带有标签的文件，而不是图像本身

我得到：

img src=url alt=text etc

简言之，我得到了文件中的文本

---

我想您使用的是jQuery，您应该试试这个，而不是所有的代码：

$( "#mainDiv" ).load("my gallery.php");

---

这将通过将远程文件中的所有HTML放入#mainDiv元素来实现。

您可以通过两种方式处理此问题：

以这种方式修改PHP代码，它将返回以下内容：

<img src="image.jpg" alt="Image" />

否则，你可以这样做。以这种方式修改PHP代码，它将返回一个图像，并通过以下方式更改JavaScript：

$("#mainDiv").html('<img src="my gallery.php" alt="Image" />');

$（“#mainDiv”）.html（“”）；

---

ps：正如大家所说，如果您使用jQuery，请使用jQuery的

$.ajax

或其函数，而不是使用XHR

在此处发布mygallery.php文件代码为什么不使用

$.ajax

或

$.get

，因为您使用的是jQuery？

$("#mainDiv").html('<img src="my gallery.php" alt="Image" />');