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: 28716
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-2020 v.1.5 | design: diviXdesign & rainbowcolors