Loading:


    Wykonanie pliku PHP bez przeładowania strony za pomocą AJAX

    Skrypt ilustruje w jaki sposób wykonać kod w pliku PHP bez przeładowania strony i odebrać dane.



    Napisz Artyku³

    Listing


    //Plik index.html
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Ajax</title>
    <script type="text/javascript">
    function getXMLHttpRequestObject()
    {
      try{
        return new XMLHttpRequest();
      }
      catch(e){
        try{
          return new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch(e){
          return false;
        }
      }
    }

    function pobierzDane()
    {
      if(XMLHttpRequestObject){
        var div = document.getElementById("warstwaDanych");
        var przyciskEl = document.getElementById("przycisk1");
        przyciskEl.disabled = true;
        XMLHttpRequestObject.open("GET", "dane.php");
        XMLHttpRequestObject.onreadystatechange = function()
        {
          if (XMLHttpRequestObject.readyState == 4 &&
              XMLHttpRequestObject.status == 200) {
            div.innerHTML = XMLHttpRequestObject.responseText;
            przyciskEl.disabled = false;
          }
        }
        XMLHttpRequestObject.send(null);
      }
    }

    var XMLHttpRequestObject = getXMLHttpRequestObject();
    </script>
    </head>
    <body>
    <div>
    <input type="button" value="Kliknij tu"
           onclick="pobierzDane();" id="przycisk1" />
    </div>
    <div id="warstwaDanych">
    </div>
    </body>
    </html>


    //Plik dane.php
    <?php
    for($i = 0; $i < 10000; $i++)
      for($j = 0; $j < 1000; $j++);
    echo "Tekst wygenerowany przez skrypt PHP.";
    ?>

     




    Dodano przez: igor
    Ranga: Administrator serwisu Punktów: 0
    Komentarze użytkowników
      • Tre¶æ komentarza
        Kod do komentarza (opcjonalnie)
        PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
        Autor
        Token
        token

         

         








    funkcje.net
    Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-2025 v.1.5 | design: diviXdesign & rainbowcolors