2012-08-30 60 views
0

我正在構建漫畫網站,並希望允許用戶搜索存儲在文件系統中的漫畫。搜索將動態返回每個匹配漫畫的縮略圖,這些縮略圖將鏈接到實際的全尺寸漫畫。PHP:使用XMLHttpRequest在文件系統中搜索圖像

我跟着此使用XMLHttpRequest來實現搜索: http://www.w3schools.com/php/php_ajax_php.asp

在該示例中,它的每個有一個字母匹配時間建立的值的字符串中的陣列。 而不是一個字符串,我想每次匹配一個字母時顯示一個圖像。所以,如果我的漫畫是:[comic1,comic2,comic3,thiscomic1,thiscomic2] 而我輸入「c」,我想顯示comic1,comic2和comic3的圖像。

我可以建立一個「字符串」的圖像文件位置,以便它們可以顯示,逗號分隔嗎?

謝謝!

回答

1

你應該看看jQuery(http://jquery.com/) - 它可以節省很多你會遇到的麻煩,並且有兩點。

  1. 它簡化了AJAX(XMLHttpRequest的可以用不同的borwsers不同的處理,再加上有所有的錯誤檢查和狀態handlign擔心 - jQuery的簡化了這一點)

  2. 它還簡化了將HTML插入DOM(它手動可以是一個麻煩,取決於插入的HTML)。

基本上,使用jquery.get()(http://docs.jquery.com/Get#.24.get.28.29_-_Data_transfer_method)和HTML()(HTTP://docs.jquery .COM/HTML)

如果你的回報是HTML,那麼最終的代碼很簡單,只要

$.get("url", 
    {}, 
    function(returned_data) 
     { 
     $('#ContainingDiv').html(returned_data); 
     }); 

你也應該在錯誤處理(也可以是作爲另一1線的小加,但你選擇何時閱讀文檔),如果你想返回一個「數組」的文件,你可以返回JSON(或XML,但JSON通常更容易處理),但你需要編寫一個函數來重新ceive並處理該列表。

+0

謝謝羅比,我會盡力找到這方面的一些文檔! – Growler