Prosty przykład TECHNOLOGI AJAX
Moderator: Pomocy?!
Posty: 7
• Strona 1 z 1
Prosty przykład TECHNOLOGI AJAX
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]
"..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
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" ?
- athantor
- Posty: 911
- Z nami od: 24 grudnia 2002, 15:22
- Lokalizacja: Białystok
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>
- iq
Re: Prosty przykład TECHNOLOGI AJAX
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
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
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
Posty: 7
• Strona 1 z 1
Kto jest online
Zarejestrowani użytkownicy: Google [Bot]