2013-10-18 35 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元素導致。