Ajax PHP 및 MySQL 라이브 검색을 도와주세요!
-
11-09-2019 - |
문제
내 웹 사이트에 대한 Ajax 라이브 검색을 만들려고합니다. 현재 타이틀에 대한 데이터베이스를 쿼리하고 검색에서 표시 할 수 있지만 (그림 1.0 참조) 선택 가능하게 만들 수 있도록 선택할 수 있도록 선택할 수 있어야합니다. Wikipedia 검색. Wikipedia 예제는 기본적으로 내가 찾고있는 것입니다. 어떤 도움이든 좋을 것입니다.
감사합니다, CHL UK
지금까지 내 검색 http://www.webquark.co.uk/search.bmp
그림 1.0
코드 : PHP DB 검색
<?
// Get value coming from request
$search = mysql_real_escape_string ($_GET['search']);
// Connect to DB
mysql_connect("localhost", "****", "****") or die(mysql_error()) ;
mysql_select_db("*****") or die(mysql_error()) ;
$result = mysql_query("SELECT * FROM dbArticle WHERE title LIKE '%$search%' OR type LIKE '%$search%' OR username LIKE '%$search%'");
while($row = mysql_fetch_array($result))
// Check if name exists in table
if (!empty($row['title'])) {
echo "".$row['title']."<br />";}
if (!empty($row['type'])) {
echo "".$row['type']."<br />";}
if (!empty($row['username'])) {
echo "".$row['username']."<br />";}
//Close connection
mysql_close();
?>
코드 : PHP 검색 입력
<div id="navSearch">
<form method="post" action="index.php?pageContent=search">
<li><input type="text" maxlength="30" size="22" name="search" onkeyup="send_requestSearch(this);"/> </li>
<li><input type="submit" value="Search" name="submit"/></li>
<div class="liveSearch" id="livesearch"></div>
</form>
내 JavaScript를 볼 필요가 있으면 알려주세요.
해결책
당신이 찾고있는 통제를 제안서라고합니다. "Ajax 제안"을 위해 Google을 검색해보십시오. 당신은 그것을하는 방법에 대한 몇 가지 튜토리얼을 찾을 수 있습니다. 여기 하나가 있습니다 : 링크
다른 팁
반환 된 각 검색 결과 JavaScript 가능성을 만들어 onclick을 사용하여 입력 텍스트에 값을 채우도록해야합니다. 텍스트 입력 요소를 id
-Property는 그것을 조금 타겟팅하는 데 도움이 될 것입니다. 나는 당신이 나머지를 알아낼 수 있다고 확신합니다. 나는 정확히 이런 종류의 작업으로 jQuery를 좋아하기 시작했습니다.
또한 CSS 규칙을 갖도록 결과를 원할 것입니다. "cursor: pointer
"클릭 가능한 항목처럼 보입니다.
제휴하지 않습니다 StackOverflow