Loading:


Pobieranie zawartości pliku txt poprzez AJAX

Skrypt pobiera zawartości pliku po kliknięci w przycisk bez przeładowania strony.

Do działania wymaga pliku o nazwie dane.txt



Napisz Artyku³

Listing


<!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">
var XMLHttpRequestObject = false;

if (window.XMLHttpRequest){
  XMLHttpRequestObject = new XMLHttpRequest();
}
else if (window.ActiveXObject){
  XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}

function pobierzDane()
{
  if(XMLHttpRequestObject){
    var p = document.getElementById("pt1");
    XMLHttpRequestObject.open("GET", "dane.txt");
    XMLHttpRequestObject.onreadystatechange = function()
    {
      if (XMLHttpRequestObject.readyState == 4 &&
          XMLHttpRequestObject.status == 200) {
        p.innerHTML = XMLHttpRequestObject.responseText;
      }
    }
    XMLHttpRequestObject.send(null);
  }
}
</script>
</head>
<body>
<div>
<input type="button" value="Kliknij tu" onClick="pobierzDane();" />
</div>
<p id="pt1">
Ten tekst zostanie zmieniony...
</p>
</body>
</html>
 




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