MozillaPL.org - polskie centrum Mozilli

Główne menu:

Prosty przykład TECHNOLOGI AJAX

Jak tworzyć strony WWW zgodnie ze standardami

Moderator: Pomocy?!

Prosty przykład TECHNOLOGI AJAX

Postautor: webJ@cob » 27 lutego 2007, 13:54

Przeglądarka: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 2.0.50727; .NET CLR 1.1.4322; InfoPath.2)

Witam, po uruchomieniu skryptu [klikniecie na przycisk] na stronie przeglądarka (w tym przypadku IE) zwraca błąd
"..oczekiwano obiektu..."

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Przykładowy skrypt AJAX</title>
<script type="text/javascript">
// pierwsza część kodu
var ObiektXMLHttp = false;
if (window.XMLHttpRequest) {
ObiektXMLHttp = new XMLHttpRequest();
} else if (window.ActiveXObject) {
ObiektXMLHttp = new ActiveXObject("Microsoft.XMLHTTP");
}

// druga część kodu
function getData(zrodlo, cel)
{
if(ObiektXMLHttp) {
var cel = document.getElementById(cel);
ObiektXMLHttp.open("GET", zrodlo);
ObiektXMLHttp.onreadystatechange = function()
{
if (ObiektXMLHttp.readyState == 4) {
cel.innerHTML = ObiektXMLHttp.responseText;
}
}
// trzecia część kodu
ObiektXMLHttp.send(null);
}
}
</script>
</head>
<body>
<h1>AJAX w praktyce</h1>
<form>
<input type = "button" value = "Pokaż wiadomość"
onclick = "pobierz('http://www.jakaswww.pl/wiad.txt',
'div')">
</form>
<div id="div">
Tutaj pojawi się wiadomość.
</div>
</body>
</html>

Czy ktoś się orientuję co źle "wykombinowałem" ?

[przeniosłem we właściwe miejsce (z programowania w technologii....) - moderator]
webJ@cob
 
Posty: 3
Z nami od: 26 lutego 2007, 23:56

Re: Prosty przykład TECHNOLOGI AJAX

Postautor: athantor » 27 lutego 2007, 15:43

Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9a3pre) Gecko/20070227 Minefield/3.0a3pre

webJ@cob pisze:function getData(zrodlo, cel)
[…]
onclick = "pobierz('wiad.txt','div')">
[…]

Czy ktoś się orientuję co źle "wykombinowałem" ?


:o
Obrazek Obrazek
athantor
 
Posty: 911
Z nami od: 24 grudnia 2002, 15:22
Lokalizacja: Białystok

Postautor: iq » 23 września 2007, 09:15

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7

Kod: Zaznacz cały
<!-- DOCTYPE -->
<html>
<head>

<title>Przykładowy skrypt AJAX</title>

<script type="text/javascript"> // pierwsza część kodu var ObiektXMLHttp = false;
if (window.XMLHttpRequest)
  {
   ObiektXMLHttp = new XMLHttpRequest();
   }
   else if (window.ActiveXObject)
      {
       ObiektXMLHttp = new ActiveXObject("Microsoft.XMLHTTP");
      }

// druga część kodu
function getData(zrodlo, cel)
{
 if(ObiektXMLHttp)
  {
   var cel = document.getElementById(cel);
   ObiektXMLHttp.open("GET", zrodlo);

      ObiektXMLHttp.onreadystatechange = function()
      {
         if (XMLHttp.readyState == (1 || 0))
         {
         document.getElementById('loading').innerHTML = "Ładowanie...";
         }

         if (XMLHttp.readyState == 4)
         {
            document.getElementById('loading').innerHTML = "";
            document.getElementById(cel).innerHTML = XMLHttp.responseText;
         }

         if (XMLHttp.readyState != (1 || 0 || 4)) { document.getElementById('loading').innerHTML = "" }
      }
// trzecia część kodu
         ObiektXMLHttp.send(null);
   }
}
</script>

</head>
<body>

<h1>AJAX w praktyce</h1>

<form>
<input type = "button" value = "Pokaż wiadomość" onclick = "getData('wiadomosc.txt', 'div')">
</form>
<div id="loading"></div>
<div id="div"> Tutaj pojawi się wiadomość. </div>

</body>
</html>
[/code]
iq
 

Postautor: Stef » 23 września 2007, 12:46

Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.7) Gecko/20070923 Firefox/2.0.0.7 Sulfur/1.0a1pre

Czasami coś napiszę na stef.log
Stef
Moderator
 
Posty: 3466
Z nami od: 16 kwietnia 2004, 11:05

Re: Prosty przykład TECHNOLOGI AJAX

Postautor: ORP Błyskawica » 23 października 2007, 17:41

Przeglądarka: Opera/9.24 (Windows NT 5.1; U; pl)

Zacznijmy od tego, że nie "technologi", tylko "technologii"; tak w ogóle to technologii też nie, bo AJAX to połączenie XML i JS a nie oddzielna... technologia.
ORP Błyskawica
 

Odp: Prosty przykład TECHNOLOGI AJAX

Postautor: Shin_obi » 23 maja 2010, 00:04

Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; pl-PL; rv:1.9.2.3) Gecko/20100423 Ubuntu/10.04 (lucid) Firefox/3.6.3

Źle jest to że plik musi być na tym samym serverze co skrypt :) AJAX nie może wybiegać poza server pliku który odpala skrypt.
Shin_obi
 

Odp: Prosty przykład TECHNOLOGI AJAX

Postautor: Mirek » 23 maja 2010, 12:21

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 6.0; pl; rv:1.9.1.9) Gecko/20100315 Firefox/3.5.9

To ze względów bezpieczeństwa - ale jest kilka różnych sposobów na obejście tej "niedogodności". Wystarczy pogooglać - np.: ajax ("cross site"|"cross domain")
Mirek
Moderator
 
Posty: 2156
Z nami od: 09 sierpnia 2007, 20:37


Wróć do Tworzenie stron WWW

Kto jest online

Zarejestrowani użytkownicy: Bing [Bot], Google [Bot]

Przejdź do powiązanej strony

Nawigacja:

Stopka: