2013-03-25 3 views
1

: 나는 웹에이 코드를 발견라이브 검색, PHP

[ 
{ID: "1", "Name": "User 1"}, 
{ID: "2", "Name": "User 2"}, 
{ID: "3", "Name": "User 3"}, 
{ID: "4", "Name": "User 4"} 
] 

작동하지만 난 내 PHP 파일을 scann하는 것입니다 할 수있는 방법 만 위키 피 디아 scanns? 변화 http://jsfiddle.net/TzQJP/

<html> 
    <head> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    <title>Comperio Super Simple Instant Search</title> 
    </head> 
    <body> 
    <h1>Search Wikipedia!</h1> 
    <br /> 
    <input id="searchterm" /> 
    <button id="search">search</button> 
    <div id="results"></div> 
    <script> 
     $("#searchterm").keyup(function(e){ 
     var q = $("#searchterm").val(); 
     $.getJSON("http://en.wikipedia.org/w/api.php?callback=?", 
     { 
      srsearch: q, 
      action: "query", 
      list: "search", 
      format: "json" 
     }, 
     function(data) { 
      $("#results").empty(); 
      $("#results").append("<p>Results for <b>" + q + "</b></p>"); 
      $.each(data.query.search, function(i,item){ 
      $("#results").append("<div><a href='http://en.wikipedia.org/wiki/" + encodeURIComponent(item.title) + "'>" + item.title + "</a><br>" + item.snippet + "<br><br></div>"); 
      }); 
     }); 
     }); 
    </script> 
    <div style="position:absolute;bottom:0;right:0;text-align:right"> 
     <a href="http://blog.comperiosearch.com/author/fmcdowall/">Fergus McDowall</a> 2012<br> 
     <br> 
    </div> 
    </body> 
</html> 

답변

1

"http://en.wikipedia.org/w/api.php?callback=?" 당신의 PHP 파일 경로 경로 당신은 그것을 수행 할 수 있습니다. 올바른 형식의 JSON 결과와 유효한 JSON 결과를 확인하십시오.

인터넷에서 코드 스 니펫을 가져 와서 사용하지 마십시오. 적어도 그것이하는 일을 생각해보십시오. 원하는대로 코드를 확장하는 데 도움이 될 수 있습니다.

+0

의 유형이어야합니다. 나는 아무 것도 변경하지 않았습니다. – AndrewS

1

왜 사용 : 동일한 웹 사이트에서 http://jqueryui.com/autocomplete/

예 :

$(function() { 
var availableTags = [ 
    "ActionScript", 
    "AppleScript", 
    "Asp", 
    "BASIC", 
    "C" 
]; 
$("#tags").autocomplete({ 
    source: availableTags //OR path to your PHP script 
}); 
}); 

당신은

echo json_encode($array_of_items); 

을 반환 소스 대신 availableTags 당신의 PHP 스크립트에 대한 경로를 가질 수 있습니다 제공 한 코드를 계속 사용하려면 응답 이후 PHP 스크립트에서 echo json_encode($array);을 수행하십시오. jax는 json

+0

정말 작동하지 않습니다. 전에 아약스 나 라이브 검색을 해본 적이 없어요. – AndrewS

+0

꽤 쉽게 API 문서를 읽을 수 있습니다. 파일을 다운로드하면 에 포함되어 있습니다. 위 예제를 사용하고 #tags를 입력 ID로 변경하십시오. – GGio

+0

글쎄, 내 유일한 문제는 내 search.php 스크립트와 자바 스크립트 코드 사이의 연결입니다 ... 나는 연결을 이해하지 못합니다 :) – AndrewS