Ajax mit PHP

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Ajax mit PHP

    Hallo leute, ich hab ne lurze Frage:

    Wenn ich es richtig verstanden habe, dann gibt man eine JavaScript-Funktion an, die dann an den Server geschickt wird. Und der Server führt dann das aus, was in der Funktion steht. Wie aber schicke ich jetzt eine SQL-Query mit PHP an den Server??? Wie schreibe ich das in die Funktion

  • hi,
    weiß nicht ob du das wirklich richtig verstanden hast..
    javascript wird weiterhin auf dem client ausgeführt.. nur besteht eine ständige verbindung zwischen [coderwiki]Informationen/Client[/coderwiki] und server.. und so können inhalte vom server live nachgeladen werden

    hier mal ein kleines tut:

    index.html

    Quellcode

    1. <html><head><script type="text/javascript">
    2. <!--
    3. function createRequestObject() {
    4. var ro;
    5. var browser = navigator.appName;
    6. if(browser == "Microsoft Internet Explorer"){
    7. ro = new ActiveXObject("Microsoft.XMLHTTP");
    8. }else{
    9. ro = new XMLHttpRequest();
    10. }
    11. return ro;
    12. }
    14. var http = createRequestObject();
    16. function sndReq(action) {
    17. http.open('get', 'rpc.php?action='+action);
    18. http.onreadystatechange = handleResponse;
    19. http.send(null);
    20. }
    22. function handleResponse() {
    23. if(http.readyState == 4){
    24. var response = http.responseText;
    25. var update = new Array();
    27. if(response.indexOf('|' != -1)) {
    28. update = response.split('|');
    29. document.getElementById(update[0]).innerHTML = update[1];
    30. }
    31. }
    32. }//-->
    33. </script></head>
    34. <body>
    35. <a href="javascript:sndReq('foo')">Bitte Inhalt nachladen</a>
    37. <div id="foo">
    38. </div>
    39. </body>
    Alles anzeigen


    rpc.php

    Quellcode

    1. <?
    2. echo "foo|".inhalt_funktion($_GET['action']);
    4. function inhalt_funktion($var)
    5. {
    6. //$sql....
    7. return 'ich bin der ajax inhalt';
    8. }
    9. ?>

  • Hallo,
    bin zufällig auf dein "tutorial" gestoßen. Gefällt mir soweit sehr gut da es genau das ist was ich brauche. Es ist sehr einfach gehalten.
    Leider habe ich ein Problem beim erweitern des Codes.
    ich will z.b. ein

    Quellcode

    1. <div id="footer"></div>
    mit Daten aus dem PHP script füllen. Aber zusätzlich zu deinem Bereits vorhandenen

    Quellcode

    1. <div id="foo"></div>
    .
    Das Problem scheint zu sein das das Javascript das zweite

    Quellcode

    1. echo "footer|".inhalt_funktion2($_GET['action']);

    nichtmehr richtig verarbeiten kann um den zweiten <div tag zu füllen.
    Hast du vielleicht eine Lösung für das Problem?
    Hier noch meine Spartanischen AJAX versuche:

    Quellcode

    1. <html><head><script type="text/javascript">
    2. <!--
    3. function createRequestObject() {
    4. var ro;
    5. var browser = navigator.appName;
    6. if(browser == "Microsoft Internet Explorer"){
    7. ro = new ActiveXObject("Microsoft.XMLHTTP");
    8. }else{
    9. ro = new XMLHttpRequest();
    10. }
    11. return ro;
    12. }
    14. var http = createRequestObject();
    16. function sndReq(action) {
    17. http.open('get', 'rpc.php?action='+action);
    18. http.onreadystatechange = handleResponse;
    19. http.send(null);
    20. }
    22. function handleResponse() {
    23. if(http.readyState == 4){
    24. var response = http.responseText;
    25. var update = new Array();
    27. if(response.indexOf('foo|' != -1)) {
    28. update = response.split('|');
    29. document.getElementById(update[0]).innerHTML = update[1];
    30. }
    31. }
    32. }
    34. function sndReq2(action) {
    35. http.open('get', 'rpc.php?footer='+action);
    36. http.onreadystatechange = handleResponse2;
    37. http.send(null);
    38. }
    40. function handleResponse2() {
    41. if(http.readyState == 4){
    42. var response = http.responseText;
    43. var update = new Array();
    45. if(response.indexOf('footer|' != -1)) {
    46. update = response.split('||');
    47. document.getElementById(update[0]).innerHTML = update[1];
    48. }
    49. }
    50. }
    52. //-->
    53. </script></head>
    54. <body>
    55. <table width="80%" border="0" cellspacing="0" cellpadding="0">
    56. <tr>
    57. <td><a href="javascript:sndReq('foo1')">Bitte Seite1 zeigen</a> | <a href="javascript:sndReq('foo2')">Bitte Seite2 zeigen</a> | <a href="javascript:sndReq2('footer')">Bitte footer zeigen</a></td>
    58. </tr>
    59. <tr>
    60. <td><div id="foo"></div></td>
    61. </tr>
    62. </table>
    63. <div id="footer"></div>
    64. </body>
    Alles anzeigen

    Quellcode

    1. <?
    3. echo "foo|".inhalt_funktion($_GET['action']);
    5. function inhalt_funktion($var)
    6. {
    7. if($_GET[action]=="foo1")
    8. {
    9. return 'Inhalt der ersten Seite';
    10. }
    11. elseif($_GET[action]=="foo2")
    12. {
    13. return 'Inhalt der zweiten Seite';
    14. }
    15. }
    16. echo "|";
    18. echo "footer|".inhalt_funktion2($_GET['action']);
    19. function inhalt_funktion2($var)
    20. {
    21. if($_GET[footer]=="footer")
    22. {
    23. return 'Inhalt footer';
    24. }
    25. elseif($_GET[footer]=="foo2")
    26. {
    27. return 'Inhalt footer2';
    28. }
    29. }
    30. ?>
    Alles anzeigen

    hab versucht eine Lösung zu finden aber ohne Erfolg. Bei einem klick auf Bitte footer zeigen kommt als Ausgabe: footer|Inhalt footer.
    Das wird allerdings in den <div id=foo tag geschrieben und nicht wie gewünscht in den id=footer tag.
    Der Rest funktioniert wie gewollt ( wechsel zwischen den beiden Texten).