2016-10-25 4 views
1

Ich habe auto erstellt empfehlen die Verwendung von Javascript AJAX jetzt möchte ich Auto erstellen empfehlen hier JQuery AJAX ist der Code, den ich geschrieben habe Jquery AJAXWie man auto_search mit Ajax jQuery, PHP und MySQL

mit Das ist mein Indexa .php

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script type="text/javascript"> 

$(document).ready(function(){ 
    $("#search_input").keyup(function(){ 
    var txt = $("#search_input").val(); 
    $.get("search.inc.php?search_username="+document.search_form.txt, {suggest: txt}, function(result){ 
     $("searchResults").html(result); 
     }); 
    }); 
    }); 
    </script> 

</head> 
    <body> 

    <form id="search" name="search_form" action="<?php $_SERVER['PHP_SELF']; ?> " method="post"> 

    Search For Names : <input type="text" id="search_input" name="search_text"><br/><br/> 
    <!-- <input type="submit" > --> 

    </form> 

    <div id="searchResults"></div>  
</body> 
</html> 

und das ist mein search.inc.php

<?php 

if (isset($_GET['searched_username'])) { 
    $username = $_GET['searched_username']; 
} 

    if (!empty($username)) { 
     if (@$db_connect=mysqli_connect('localhost', 'root', '')) { 
     if (@mysqli_select_db($db_connect,'my_databse')) { 

     $query_like = "SELECT `user_name` FROM `members_data` WHERE `user_name` LIKE '%". mysqli_real_escape_string($db_connect,$username)."%'"; 
     $query_like_run = mysqli_query($db_connect,$query_like); 
     $query_num_rows = mysqli_num_rows($query_like_run); 
     if ($query_num_rows == NULL) { 
      echo 'No Result Found'; 
     } else { 
      if ($query_num_rows == 1) { 
       echo $query_num_rows ." Result found<br/><br/>"; 
      } else { 
       echo $query_num_rows ." Results found<br/><br/>"; 
      } 
      foreach ($query_like_run as $searched_members) { 
       $searched_results = '<a href="anotherpage.php?searched_username='.$searched_members['user_name'].'">'.$searched_members['user_name']."</a><br/>"; 
       echo $searched_results; 
      } 
     }  
     } 
    } 
} 
    ?> 

was ich worng tue. Bitte helfen Sie mir

+0

, was Sie tun falsch ist eine Frage der Veröffentlichung von selbst, das Problem, – madalinivascu

Antwort

2

die Werte aus der URL entfernen und den Schlüssel zu search_username

Gehen Sie wie folgt ändern:

<script type="text/javascript"> 

$(document).ready(function(){ 
    $("#search_input").keyup(function(){ 
    var txt = $(this).val(); 
    $.get("search.inc.php", {searched_username: txt}, function(result){ 
     $("#searchResults").html(result);//don't forget the # for the id 
     }); 
    }); 
    }); 
    </script> 
+0

inivascu Thank'sa Viel kann man mir sagen zu welchem ​​Zweck $ .load-Funktion verwendet wird, indem man ein kleines einfaches Beispiel gibt. Ich bin nicht meins bitte –

+0

laden ist kürzere Syntax für $ .get + html(); – madalinivascu

+0

oh danke noch einmal und habe einen schönen Tag bro –

0

Der Name des Parameters unterscheidet zwischen Ihren indexa.php und search.inc.php Dateien.

sollten Sie verwenden

if (isset($_GET['search_username'])) { $username = $_GET['search_username']; } 

oder

if (isset($_GET['suggest'])) { $username = $_GET['suggest']; } 

Um den Wert nach Ihren Wünschen in search.inc.php Datei zu erhalten

oder search.inc.php?search_username="+document.search_form.txt ändern

zu

search.inc.php?searched_username="+document.search_form.txt