Ajax/PHP/MySQL: Selecten aus DB

  • Ajax/PHP/MySQL: Selecten aus DB

    Hallo Leute!

    Ich bin neu hier und nach langen Suchen nach einer Lösung bin ich auf euren Forum gestossen.
    Ich hoffe, ihr könnt mir weiter helfen. Mein Ziel ist es Ajax zu erlernen. Gewisse Vorkenntnisse in HTML, PHP und MySQL habe ich.
    Bin jedoch kein Profi und mache das als Hobby.

    Nun zu meinem Problem. Ich habe 3 Dateien: ajax.php, func.php und eine db-connect.php
    Nun wollte ich mein 1.Beispiel-Script mit Ajax+PHP+MySQL selber coden, was nicht gleich einwandfrei klappt.

    Es soll folgendes passieren: In einer DB habe ich eine Tabelle "ajax" mit 3 spalten angelegt (id, ja, nein).
    In der Eingabemaske kann ich zwischen JA und NEIN wählen. Wenn ich JA auswähle, soll aus der Spalte "ja" aus der DB ein Text unter der Eingabemaske erscheinen.
    Wenn ich NEIN auswähle, soll ein Text aus der Spalte "nein" unter der Eingabemaske erscheinen, ohne halt, dass sich die Seite neu lädt, also alles asynchron.

    Folgendes habe ich bereits coden können........ajax.php:

    HTML-Quellcode

    1. <html><head>
    2. <title>AJAX-Beispiel</title>
    4. <script type="text/Javascript">
    5. <!--
    6. function createXMLHttpRequest() {
    8. var ua;
    10. if(window.XMLHttpRequest) {
    11. try {
    12. ua = new XMLHttpRequest();
    13. } catch(e) {
    14. ua = false;
    15. }
    16. } else if(window.ActiveXObject) {
    17. try {
    18. ua = new ActiveXObject("Microsoft.XMLHTTP");
    19. } catch(e) {
    20. ua = false;
    21. }
    22. }
    23. return ua;
    24. }
    26. var req = createXMLHttpRequest();
    28. function sendRequest() {
    29. id = document.getElementById('dropdown').value;
    30. req.open('get', 'func.php?s='+ id);
    31. req.onreadystatechange = handleResponse;
    32. req.send(null);
    33. }
    35. function handleResponse() {
    37. if(req.readyState == 4){
    38. document.getElementById('inhalt').innerHTML = req.responseText;
    39. }
    40. else
    41. alert("loading" + ajax.readyState);
    42. }
    43. //-->
    44. </script>
    46. </head>
    47. <body>
    49. <p />Wählen Sie einen Eintrag aus um den Inhalt zu laden
    50. <select name="auswahl" id="dropdown" onchange="sendRequest()">
    51. <option value="ja">Ja</option>
    52. <option value="nein">Nein</option>
    53. </select>
    55. <div id="inhalt"></div>
    57. </body></html>
    Alles anzeigen

    und hier die func.php:

    Quellcode

    1. <?
    2. include("db-connect.php");
    4. //Inhalte laden
    5. if ($auswahl == "ja")
    7. $result = mysql_query("SELECT ja FROM tbl_ajax WHERE id = '".$_GET['s']."'; ");
    9. while($row = mysql_fetch_object($result))
    10. {
    11. echo '<p /><b>'.$row->ja.'</b><br />';
    12. }
    14. else if ($auswahl == "nein")
    16. $result2 = mysql_query("SELECT nein FROM tbl_ajax WHERE id = '".$_GET['s']."'; ");
    18. while($row2 = mysql_fetch_object($result2))
    19. {
    20. echo '<p /><b>'.$row2->nein.'</b>';
    21. }
    23. ?>
    Alles anzeigen


    Das Ganze funktioniert jedoch irgendwie nicht, und ich weiß nicht warum. :(

    Könnt ihr mir bitte weiter helfen?

    Gruß,
    Surfer

  • Also wenn ich das eingebe:

    func.php?s=ja

    ...kommt nichts raus, also weiße Seite.

    Also wie gesagt, es soll so sein, dass wenn ich in der Eingabemaske JA auswähle, dass der Text aus der JA-Spalte einer DB ausgelesen und unter der Eingabemaske ausgegeben wird. Genau das Ganze mit NEIN...

    Bis jetzt sehe ich wie gesagt eine weiße Seite, egal, ob ich JA oder NEIN auswähle, oder ob ich func.php?s=ja eingebe.

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Surfer ()

  • Quellcode

    1. <?
    2. include("db-connect.php");
    4. $auswahl = $_GET['s'];
    5. // !!! Hier validierung ergänzen
    7. //Inhalte laden
    8. if ($auswahl == "ja") {
    9. $result = mysql_query("SELECT ja FROM tbl_ajax WHERE id = '".$auswahl."'; ");
    10. while($row = mysql_fetch_object($result))
    11. echo '<p /><b>'.$row->ja.'</b><br />';
    12. } else if ($auswahl == "nein") {
    13. $result2 = mysql_query("SELECT nein FROM tbl_ajax WHERE id = '".$auswahl."'; ");
    14. while($row2 = mysql_fetch_object($result2))
    15. echo '<p /><b>'.$row2->nein.'</b>';
    16. }
    17. ?>
    Alles anzeigen


    Klammern waren irgendwie komisch. Habe es zwar nicht probiert, aber denke so sollte das gehen.


    Gruß,
    X-Eon



    Edit: Verdammt ^^ Das Einrücken ist im Editor aber auch komisch ...

  • Also ich habe jetzt folgendes unter func.php stehen:

    Quellcode

    1. <?
    2. include("auth.inc");
    4. $auswahl = $_GET['s'];
    6. if ($auswahl == "ja")
    7. {
    8. $result = mysql_query("SELECT ja FROM tbl_ajax WHERE id = 'ja'; ");
    10. while($row = mysql_fetch_object($result))
    11. echo '<p /><b>'.$row->ja.'</b><br />';
    12. }
    13. else if ($auswahl == "nein")
    14. {
    15. $result2 = mysql_query("SELECT nein FROM tbl_ajax WHERE id = 'ja'; ");
    17. while($row2 = mysql_fetch_object($result2))
    18. echo '<p /><b>'.$row2->nein.'</b>';
    19. }
    20. ?>
    Alles anzeigen


    ...und so sieht jetzt ajax.php aus:

    Quellcode

    1. <html><head>
    2. <title>AJAX-Beispiel</title>
    4. <script type="text/Javascript">
    5. <!--
    6. function createXMLHttpRequest() {
    8. var ua;
    10. if(window.XMLHttpRequest) {
    11. try {
    12. ua = new XMLHttpRequest();
    13. } catch(e) {
    14. ua = false;
    15. }
    16. } else if(window.ActiveXObject) {
    17. try {
    18. ua = new ActiveXObject("Microsoft.XMLHTTP");
    19. } catch(e) {
    20. ua = false;
    21. }
    22. }
    23. return ua;
    24. }
    26. var req = createXMLHttpRequest();
    28. function sendRequest() {
    29. id = document.getElementById('auswahl').value;
    30. req.open('get', 'func.php?s='+ id);
    31. req.onreadystatechange = handleResponse;
    32. req.send(null);
    33. }
    35. function handleResponse() {
    37. if(req.readyState == 4){
    38. document.getElementById('inhalt').innerHTML = req.responseText;
    39. }
    40. else
    41. alert("loading" + ajax.readyState);
    42. }
    43. //-->
    44. </script>
    46. </head>
    47. <body>
    49. <p />Wählen Sie einen Eintrag aus um den Inhalt zu laden
    50. <select name="auswahl" id="auswahl" onchange="sendRequest()">
    51. <option value="ja">ja</option>
    52. <option value="nein">nein</option>
    53. </select>
    55. <div id="inhalt"></div>
    57. </body></html>
    Alles anzeigen


    Aber immer noch weiße Seite....

  • Also ich habe das Script umprogrammiert und jetzt klappt es!

    Eine Frage habe ich jedoch noch. Und zwar im jetzigen Script wähle ich mit Hilfe von <select> zwischen JA und NEIN.
    Ich möchte jedoch anstatt <select> mit Links wählen. Das kriege ich nicht hin. Könnt ihr mir bitte helfen?

    Hier ist die ajax.html:

    Quellcode

    1. Ajax-Beispiel<html>
    2. <title>Ajax-Beispiel</title>
    3. <body>
    5. <script language="javascript" type="text/javascript">
    6. <!--
    7. //Browser Support
    8. function ajaxFunction()
    9. {
    10. var ajaxRequest;
    12. try{
    13. //Opera 8.0+, Firefox, Safari
    14. ajaxRequest = new XMLHttpRequest();
    15. } catch (e){
    16. //Internet Explorer Browsers
    17. try{
    18. ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
    19. } catch (e) {
    20. try{
    21. ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
    22. } catch (e){
    23. //Fehlerausgabe
    24. alert("Dein Browser ist kaputt!");
    25. return false;
    26. }
    27. }
    28. }
    29. //Funktion, die gesendete Daten aus dem Server bekommt
    30. ajaxRequest.onreadystatechange = function()
    31. {
    32. if(ajaxRequest.readyState == 4)
    33. {
    34. var ajaxDisplay = document.getElementById('ajaxAusgabe');
    35. ajaxDisplay.innerHTML = ajaxRequest.responseText;
    36. }
    37. }
    38. var bewertung = document.getElementById('bewertung').value;
    39. var queryString = "?bewertung=" + bewertung;
    40. ajaxRequest.open("GET", "function.php" + queryString, true);
    41. ajaxRequest.send(null);
    42. }
    43. //-->
    44. </script>
    46. Gefällt dir das Foto?
    47. <select id='bewertung' onchange='ajaxFunction()' />
    48. <option selected>Bitte auswählen</option>
    49. <option value="Ja">Ja</option>
    50. <option value="Nein">Nein</option>
    51. </select>
    53. <div id='ajaxAusgabe'></div>
    54. </body>
    55. </html>
    Alles anzeigen

  • :) Wenn ich dich richtig verstanden habe ...

    Quellcode

    1. <a href="#" onclick="ajaxFunction('Ja')">Ja</a>
    2. <a href="#" onclick="ajaxFunction('Nein')">Nein</a>


    Quellcode

    1. <script language="javascript" type="text/javascript">
    2. <!--
    3. //Browser Support
    4. function ajaxFunction(param)
    5. {
    6. var ajaxRequest;
    8. try{
    9. //Opera 8.0+, Firefox, Safari
    10. ajaxRequest = new XMLHttpRequest();
    11. } catch (e){
    12. //Internet Explorer Browsers
    13. try{
    14. ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
    15. } catch (e) {
    16. try{
    17. ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
    18. } catch (e){
    19. //Fehlerausgabe
    20. alert("Dein Browser ist kaputt!");
    21. return false;
    22. }
    23. }
    24. }
    25. //Funktion, die gesendete Daten aus dem Server bekommt
    26. ajaxRequest.onreadystatechange = function()
    27. {
    28. if(ajaxRequest.readyState == 4)
    29. {
    30. var ajaxDisplay = document.getElementById('ajaxAusgabe');
    31. ajaxDisplay.innerHTML = ajaxRequest.responseText;
    32. }
    33. }
    34. var bewertung = param;
    35. var queryString = "?bewertung=" + bewertung;
    36. ajaxRequest.open("GET", "function.php" + queryString, true);
    37. ajaxRequest.send(null);
    38. }
    39. //-->
    40. </script>
    Alles anzeigen


    So in etwa sollte das schon möglich sein.

  • Super! Danke euch! Es klappt nun alles...

    Eine Frage habe ich noch: Könnt ihr bitte gucken, ob die beiden Scripts (ajax.html und function.php) auch sicher gegen Hacker sind ?
    Evtl. Kommentare korrigieren. "ajax.html" findet man im vorigen Beitrag.

    Und hier die function.php:

    Quellcode

    1. <?php
    3. include('db-connect.php');
    5. //ID
    6. $bewertung = $_GET['bewertung'];
    8. //Schutz?
    9. $bewertung = mysql_real_escape_string($bewertung);
    11. if($bewertung == "Ja")
    12. {
    13. $query = "SELECT ja, jcount FROM tbl_ajax";
    14. mysql_query("UPDATE tbl_ajax SET jcount = (jcount+1) WHERE ja = $bewertung");
    15. }
    16. else if ($bewertung == "Nein")
    17. {
    18. $query = "SELECT nein, ncount FROM tbl_ajax";
    19. mysql_query("UPDATE tbl_ajax SET ncount = (ncount+1) WHERE nein = $bewertung");
    20. }
    21. else
    22. {
    23. echo "Du hast keine Wahl getroffen.";
    24. }
    25. //Endabfrage
    26. $qry_result = mysql_query($query) or die(mysql_error());
    28. //Ergebnis-Strings
    29. $display_string = "<table>";
    30. $display_string .= "<tr>";
    31. $display_string .= "<td></td>";
    32. $display_string .= "</tr>";
    34. //Ausgabe
    35. while($row = mysql_fetch_array($qry_result))
    36. {
    37. $display_string .= "<tr><b>Bewertung:</b>";
    38. $display_string .= "<td>$row[ja]</td>";
    39. $display_string .= "<td>$row[jcount]</td>";
    40. $display_string .= "<td>$row[nein]</td>";
    41. $display_string .= "<td>$row[ncount]</td>";
    42. $display_string .= "</tr>";
    43. }
    44. //echo "Abfrage: " . $query . "<br />";
    45. $display_string .= "</table>";
    46. echo $display_string;
    47. ?>
    Alles anzeigen


    Vielen Dank!

  • Wenn register_globals aus ist, sollte das sicher sein.
    Du machst mit dem Parameter nur etwas in der Datenbank, wenn dieser genau Ja bzw. Nein entspricht. Das ist gut.


    Allerdings, wenn du register_globals an hast, und der User die URL so aufruft:
    function.php?bewertung=boese&query=<Boeses Query>

    Würde der Parameter query als $query verfügbar gemacht und da $bewertung weder Ja noch Nein entspricht (sondern "boese") wuerde $query nicht mehr überschrieben.
    Nach der If-elseif-else Bedingung würde dann das Query ausgeführt. Sichererer wäre es jedenfalls das query mit in die Bedingung zu ziehen, oder eine neue Bedingung dafür
    zu bauen.

    z.B. if($bewertung == "Ja" || $bewertung == "Nein")


    Gruß,
    X-Eon


    Edit: Oder im else Zweig das query zu löschen ^^

  • Hab nochmal nachgedacht :)
    Einfach das query zu überschreiben würde zwar gehen, ist aber nicht besonderst schön, da du dann immer ein leeres Query an mysql_query übergibst.

    Das einfachste wäre es, wenn du in deinen else-Zweig ein exit nach der Ausgabe machst.
    Falls das Script aber trotzdem durchlaufen soll, würde ich es so machen ...

    Quellcode

    1. <?php
    3. include('db-connect.php');
    5. //ID
    6. $bewertung = $_GET['bewertung'];
    8. //Schutz?
    9. $bewertung = mysql_real_escape_string($bewertung);
    11. if($bewertung == "Ja")
    12. {
    13. $query = "SELECT ja, jcount FROM tbl_ajax";
    14. mysql_query("UPDATE tbl_ajax SET jcount = (jcount+1) WHERE ja = $bewertung");
    15. }
    16. else if ($bewertung == "Nein")
    17. {
    18. $query = "SELECT nein, ncount FROM tbl_ajax";
    19. mysql_query("UPDATE tbl_ajax SET ncount = (ncount+1) WHERE nein = $bewertung");
    20. }
    21. else
    22. {
    23. echo "Du hast keine Wahl getroffen.";
    24. //exit; Hier vllt ein exit?
    25. }
    27. if($bewertung == "Ja" || $bewertung == "Nein") {
    28. //Endabfrage
    29. $qry_result = mysql_query($query) or die(mysql_error());
    31. //Ergebnis-Strings
    32. $display_string = "<table>";
    33. $display_string .= "<tr>";
    34. $display_string .= "<td></td>";
    35. $display_string .= "</tr>";
    37. //Ausgabe
    38. while($row = mysql_fetch_array($qry_result))
    39. {
    40. $display_string .= "<tr><b>Bewertung:</b>";
    41. $display_string .= "<td>$row[ja]</td>";
    42. $display_string .= "<td>$row[jcount]</td>";
    43. $display_string .= "<td>$row[nein]</td>";
    44. $display_string .= "<td>$row[ncount]</td>";
    45. $display_string .= "</tr>";
    46. }
    47. //echo "Abfrage: " . $query . "<br />";
    48. $display_string .= "</table>";
    49. echo $display_string;
    50. } // Ende der If.
    51. ?>
    Alles anzeigen