PHP : XMLHttpRequest를 사용하여 파일 시스템에서 이미지 검색

Question

나는 만화 사이트를 만들고있어 사용자가 파일 시스템에 저장된 만화를 검색 할 수있게하고 싶습니다. 검색은 일치하는 각 만화의 축소판을 동적으로 반환하며 실제 전체 크기 만화에 링크됩니다.

나는 XMLHttpRequest를 사용하여 검색을 구현하기 위해이 다음 : 그 예에서 http://www.w3schools.com/php/php_ajax_php.asp

, 그것은 배열의 편지 경기가있을 때마다 값의 캐릭터 라인을 구축합니다. 문자열 대신 문자가 일치 할 때마다 이미지를 표시하고 싶습니다.

내 만화는 다음과 같습니다. [comic1, comic2, comic3, thiscomic1, thiscomic2] 그리고 "c"를 입력하면 comic1, comic2 및 comic3의 이미지를 표시하고 싶습니다.

이미지 파일 위치의 "문자열"을 쉼표로 구분하여 표시 할 수 있습니까?

감사합니다.

Answer 1

당신은 jQuery (http://jquery.com/)를 체크 아웃해야합니다. 두 점에서 발생할 수있는 많은 번거 로움을 덜어줍니다.

1. 그것은 AJAX 단순화

   - 그것은 또한에 HTML를 삽입 간소화

2. (다른 borwsers 다르게 처리 할 수 ​​있습니다 XMLHttpRequest의 플러스 걱정하는 모든 오류 검사 및 상태 handlign 거기에 jQuery를이 단순화) DOM (수동 삽입은 삽입되는 HTML에 따라 번거롭 수 있습니다.)

기본적으로 사용 jquery.get() (http://docs.jquery.com/Get#.24.get.28.29_-_Data_transfer_method) 및 HTML() (HTTP : //docs.jquery .COM/HTML)

수익은 또한 오류가 (또 다른 1 개 라인만큼 작을 수 처리에 추가해야합니다 간단

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

으로 다음 최종 코드는, HTML의 경우,하지만 문서를 읽을 때 선택) 파일의 "배열"을 반환하려면 JSON (또는 XML이지만 JSON은 처리하기가 더 쉽습니다)을 반환 할 수 있지만 다시 작성하려면 함수를 작성해야합니다. 그 목록을 처리하십시오.