Forum PHP.pl > wczytywanie zawartości bez ładowania całej strony

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: wczytywanie zawartości bez ładowania całej strony

Randallmaster

11.07.2011, 13:59:07

Znalazłem bardzo interesujący mnie temat w internecie:

http://www.ajax.webinvest.pl/ <- przykład pierwszy

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  Poleć znajomym 
<html xmlns="http://www.w3.org/1999/xhtml">  Poleć znajomym 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script type="text/javascript" src="js/mintAjax.js" />
<script type="text/javascript">
function SendRequest(plik, id){      
     var req = mint.Request();
     req.Send(plik, id);
}
</script>
<style type="text/css">
.test{
     font-size:140%;
}
 
.test a{
     cursor:Pointer;
}
</style>
</head>
<body>
<div class="test">
     <a onclick="SendRequest('ajax/test1.php?id=1', 'test1')" title="1" >1</a>
     <a onclick="SendRequest('ajax/test1.php?id=2', 'test1')" title="2" >2</a>
     <a onclick="SendRequest('ajax/test1.php?id=3', 'test1')" title="3" >3</a>
     <a onclick="SendRequest('ajax/test1.php', 'test1')" title="brak" >brak id</a>
 
     <div id="test1"><?
echo '<strong>'.$_GET[id].'</strong><br />';
?></div>
</div>
</body>
</html>
[HTML] pobierz, plaintext

Niestety kod zrobiony przezemnie nie działa co źlę robię

Fifi209

11.07.2011, 14:03:07

Utwórz plik test1.php, tam pobieraj id i wyświetlaj

Potem odpowiedź ajaxa musisz wrzucić do div'a.

P.S. Prościej jest z jQuery się nauczyć ajax'a

Randallmaster

11.07.2011, 17:17:40

plik index:

html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Poleć znajomym
<html xmlns="http://www.w3.org/1999/xhtml"> Poleć znajomym
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script type="text/javascript" src="js/mintAjax.js" />
<script type="text/javascript">
function SendRequest(plik, id){
var req = mint.Request();
req.Send(plik, id);
}
</script>
<style type="text/css">
.test{
font-size:140%;
}

.test a{
cursor:Pointer;
}
</style>
</head>
<body>
<div class="test">
<a onclick="SendRequest('ajax/test1.php?id=1', 'test1')" title="1" >1</a>
<a onclick="SendRequest('ajax/test1.php?id=2', 'test1')" title="2" >2</a>
<a onclick="SendRequest('ajax/test1.php?id=3', 'test1')" title="3" >3</a>
<a onclick="SendRequest('ajax/test1.php', 'test1')" title="brak" >brak id</a>

<div id="test1"></div>
</div>
</body>
</html>[/html]

plik test1

[HTML] pobierz, plaintext 
<?
echo '<strong>'.$_GET[id].'</strong><br />';
?>
[HTML] pobierz, plaintext

troche to jest dziwne bo skąd to ma wiedzieć co ma się wyświetlać po naciśnięciu 1 skąd ma wiedzieć że ma to pobrać z pliku test1 .php musze tworzyć folder ajax według tego: ajax/test1.php'

Fifi209

11.07.2011, 21:47:13

Cytat(Randallmaster @ 11.07.2011, 18:17:40 )

Przecież wszystko pobiera z test1.php, a folder ajax - nie, sam się utworzy. Myśl.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.