2013-10-18 29 views
-1

所以我有一个基本的PHP页面的链接和当用户点击“画廊”链接我想要的主要股利,我显示的内容加载网格图片。ajax:获取图像作为对PHP文件的响应

这是我在做什么的示例代码:

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好吧,但我与标签得到它,而不是让图像本身。

我越来越:

img src=url alt=text etc 

总之我收到文件中的文本。

+0

在这里发布您的mygallery.php文件代码 –

+5

为什么您不使用'$ .ajax'或'$ .get',因为您使用的是jQuery? – putvande

回答

0

您可以通过两种方式处理这个问题:

  1. 修改你的PHP代码以这样一种方式,它返回:

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

    ,并使用此代码:

    $("#mainDiv").load("my gallery.php"); 
    
  2. 否则,你可以这样做。修改你的PHP代码以这样一种方式,它返回一个图像和更改JavaScript的是这样的:

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

PS:由于大家都在说,如果你正在使用jQuery,使用jQuery的$.ajax或者其功能,而不是使用XHR!

0

我假设你正在使用jQuery,你应该而不是所有的代码试试这个:

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

这将通过把所有的HTML在远程文件到#mainDiv元素导致。