AJAX und MySQL

  • AJAX und MySQL

    Hallo,

    ich habe folgendes Problem:

    Wenn ich in einem Textfeld, einen Buchstaben eingebe, soll ajax automatisch in der mysql-datenbank nach den einträgen suchen, in denen der Buchstabe vorkommt und dann ausgeben.
    Soweit so gut. Ohne Datenbankabfrage klappt alles einwandfrei. Mit geht gar nichts.

    Quelltext:

    source.php

    Quellcode

    1. <?php
    3. //get the q parameter from URL
    4. $q=$_GET["q"];
    7. $a[] = "Rouven";
    8. $a[] = "Reinhold";
    9. $a[] = "Markus";
    10. $a[] = "Alexander";
    11. $a[] = "Werner";
    12. $a[] = "Klaus";
    13. $a[] = "Peter";
    14. $a[] = "Franz";
    17. //lookup all hints from array if length of q>0
    18. if (strlen($q) > 0)
    19. {
    20. $hint="";
    21. for($i=0; $i<count($a); $i++)
    22. {
    23. if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q))))
    24. {
    25. if ($hint=="")
    26. {
    27. $hint=$a[$i];
    28. }
    29. else
    30. {
    31. $hint=$hint." , ".$a[$i];
    32. }
    33. }
    34. }
    35. }
    39. // Set output to "no suggestion" if no hint where found
    40. // or to the correct values
    41. if ($hint == "")
    42. {
    43. $response="no suggestion";
    44. }
    45. else
    46. {
    47. $response=$hint;
    48. }
    50. //output the response
    51. echo $response;
    52. ?>
    Alles anzeigen



    ajax.js:

    Quellcode

    1. var xmlHttp
    3. function showHint(str)
    4. {
    5. if (str.length==0)
    6. {
    7. document.getElementById("txtHint").innerHTML=""
    8. return
    9. }
    10. xmlHttp=GetXmlHttpObject()
    11. if (xmlHttp==null)
    12. {
    13. alert ("Browser does not support HTTP Request")
    14. return
    15. }
    16. var url="source.php"
    17. url=url+"?q="+str
    18. url=url+"&sid="+Math.random()
    19. xmlHttp.onreadystatechange=stateChanged
    20. xmlHttp.open("GET",url,true)
    21. xmlHttp.send(null)
    22. }
    24. function stateChanged()
    25. {
    26. if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
    27. {
    28. document.getElementById("txtHint").innerHTML=xmlHttp.responseText
    29. }
    30. }
    32. function GetXmlHttpObject()
    33. {
    34. var objXMLHttp=null
    35. if (window.XMLHttpRequest)
    36. {
    37. objXMLHttp=new XMLHttpRequest()
    38. }
    39. else if (window.ActiveXObject)
    40. {
    41. objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
    42. }
    43. return objXMLHttp
    44. }
    Alles anzeigen


    index.php

    Quellcode

    1. <html>
    2. <head>
    3. <script src="ajax.js"></script>
    4. </head>
    6. <body>
    8. <form>
    9. First Name:
    10. <input type="text" id="txt1"
    11. onkeyup="showHint(this.value)">
    12. </form>
    14. <p>Suggestions: <span id="txtHint"></span></p>
    16. </body>
    17. </html>
    Alles anzeigen


    Nunja, wenn ich nun in der source.php statt $a[] = "..."; ne DB-Abfrage haben will, klappt gar nichts mehr.

    Woran könnte das liegen bzw. wie lässt sich das realisieren, dass das klappt?

    Gruß,
    TheRouv

  • sorry...hab bei der abfrage was vergessen gehabt...

    Quellcode

    1. <?php
    3. //get the q parameter from URL
    4. $q=$_GET["q"];
    6. // MySQL-Abfrage
    7. $sql = "SELECT feld FROM tabelle WHERE feld LIKE '%$q%'";
    8. $result = mysql_query($sql);
    10. ?>


    hatte die "%"-Zeichen vergessen...und dann ist es klar, dass er nicht überprüft, ob der buchstabe in dem betreffenden namen vorkommt....
    aber jetz funzt es...

    danke d0nUt...hast mich meinen quellcode genauers anschauen lassen...

    Gruß,
    TheRouv


    PS:
    super seite ;)