Mozesz wyslac jedno zapytanie do serwera i odbierac wynik w postaci pliku XML. Po napisaniu parsera wyciagajacego z pliku XML poszczegolne elementy mozesz aktualizowac drzewo DOM dokumentu w kilku miejscach za jednym zamachem.

To jest jeden w błędów wersji 1.0, będzie poprawione w 1.1. Odnośnie 1.1, będzie również możliwość wstawiania paska postępu ładowania, ale tylko w Firefoxie, póki co. Ogolnie będzie kilka nowych metod i atrybutów, zwiększających funkcjonalność całości. Planuję także wrzucić advAJAX_History, który pozwoli na tworzenie odnośników wykorzystujących advAJAXa, na które będzie reagować mechanizm historii przeglądarki, więc będzie można bez problemu korzystać z przycisków "Dalej", "Wstecz", jak również dodawać stronę do zakładek.

a kiedy mozna spodziewać się wersji 1.1??

Na koniec przyszlego tygodnia, prawdopodobnie.

szybki jestes

czekam i nieomieszkam przetestować

Przydałyby sie też jakieś ciekawe przykłady... zastosowania advAJAX'a 1.1 ... może np cośw rodzaju Sortowane menu w najprostszej wersji..., może jakiś mały czat... pozdr....

AdvancedAJAX 1.1
http://anakin.us/blog/advancedajax-11/

Szkoda, że onProgress działa tylko na Mozili Bardzo fajna sprawa.

jak jest z tym "url:"

czy mozna pobierac tez dane nie z lokalnego serwera ( url: "jakislokalnyplik.php", .. ) tylko odwolujac sie url: "http://.."

bo cos mi to nie dziala jak pobieram z innego

Mozesz pobierac tylko dane z serwera, z ktorego zostal wywolany skrypt (np. php). Wzgledy bezpieczenstwa .

Wlasnie testuje advAJAX 1.1 i chyba dalej jest problem z tymi tablicami.. pobiera mi tylko pierwszą i ostatnią wartośc z zaznaczonych pół... chyba dalej jest ten błąd.. ale jużchociaż lepiej niż przedtem...

Fakt. Poprawione:
http://advajax.anakin.us/opera/test4.html


Ze mną jak z dzieckiem To chyba jedyna implementacja na XHR która obsługuje onProgress w Operze.
http://anakin.us/blog/onprogress-w-operze/

OK.. teraz tablice śmigają elegancko ...

Szkoda, że onProgress działa tylko na Mozili i Operze.. w sumie to większość internautów dalej korzysta z IE...

W Operze to działa połowicznie...

A moze konkretniej i na maila? Malo mi to mowi. Zreszta z tego co sam testowalem i kilka innych osob, onProgress w Operze dziala tak jak w Mozilli.

Wybacz Łukaszu moje niedoinformowanie. Otóż testowałem onProgress w ten sam dzień co się ukazała werska 1.1 i działało tylko na FF, w Operze było 4% i odrazu 100% - także napisałem, że działa 'połowicznie'. Teraz jest wszystko w prządku i działa bez zarzutu. Sorki za wprowadzenie lekkiej nutki haosu

A co z polskimi literami?
Wysyłając formularz funkcją advAJAX.assign() polskie litery zmieniają sie na jakieś znaczki, kwadraciki... sprawdzałem w phpmyadminie też nie wyświetlają sie polskie litery...

No ale z drugiej strony znaczki dobrze wyświetlają sie przez advAJAX.get()... co z tym zrobić...?

Na forum Skryptoteka.pl byl ten sam problem, ale coś nie moge tego rozwiązac..
Dałem do pliku w którym zapisuje dane z formularza ajaxa:

ale to nie pomaga..

Gdzieś wyczytałem, w tej chwili nie pamiętam źródła, że przekazując dane z php do JS należy używać UTF, aby te dane były poprawnie przekazane.

O już znalazłem:
artykuł pt.: "ĄŚŹ czyli polskie ogonki w internecie" zamieszczony w magazynie INTERNET z listopada 2005r., zdaniem autora jedynym sposobem na rozwiązanie tego problemu jest UTF-16.

z moich zabaw z komunikacją Flash <-> JS <-> HTML wynika ze to mozwe byc prawda. Jak na razie tylko z kodowaniem w Operze nie mialem klopotow, ale Firefox i MSIE maja ogromna "dziure" w kodowaniu znakow na linii komunikacji z JS (w samym JS jest ok, ale przesylanie danych do JS sie krzaczylo) :-/

polowicznym rozwiazaniem bylo wprowadzenie przeze mnie "translatora" (zmieniamy polskie czcionki na jakies zdefiniowane prez nas ciagi, przesylamy tresc do JS a JS wprowadza nam PL znaczki w miejscu wprowadzonych przez nas znacznikow). Sęk w tym że ta ostatnia częśc (przetwarzanie w JS) może w widoczny sposob spowalniać wyświetlenie załadowanej treści, zwłaszcza gdy mamy do czynienia z długimi tekstami.

Do przesyłania różnych dziwnych znaczków (w tym polskich znaków diaktrycznych) przez url jest w js taka funkcja jak encodeURIcomponent()

nie wiem czy to jest błąd czy przemyślana sytuajcja ale czemu przy wysyłniu formularza w advAjax (za pomocą ajax.assign) nie wysyła pola <input type="submit" /> ?

btw. co do polskich znaków wysłanych za pomocą ajaxa to poradziłem sobie w następujący sposób:

[PHP] pobierz, plaintext 
<?php
 
foreach($_POST as $k => $v)
{
	$_POST[$k] = mb_convert_encoding($_POST[$k], "UTF-8","UTF-8");
}
?>
[PHP] pobierz, plaintext 

poźniej za pomocą Creole wstawiam dane do postgresa, bez mb_convert_encoding nie wstawiał mi danych, wywalał błędy o złych znakach. dziwna jest tylko ta zmiana z UTF-8 na UTF-8

a ja właśnie sprawdziłem kwestie kodowania i nie trzeba stosować UTF-16, wystarczy UTF-8, plik w którym używam AJAXa jest kodowany UTF-8, plik towrzący XMLa jest kodowany w UTD-8 oraz sam wygenerowany XML jest zakodowany w UTF-8 i nie ma żadnych problemów

Da się to jakoś ominąć zmieniając ustawienia przeglądarki (np. w firefox poprzez about:config)?


-- edit --

Znalazłem, ale pewnie działa tylko w przeglądarkach z silnikiem Gecko. Dobre i to.
A oto kod:



Ewentualnie w about:config ustawić
signed.applets.codebase_principal_support na true

Wystarczy tylko przeczytać tutaj masz odpowiedź co i jak, a także informacje o ewentualnych zmianach w about:config

Witam.
Jak to jest z tymi polskimi literami...?
Podczas zapisywania formularza przez advAJAX.assign() i wyświetlania przez advAJAX.get() to jest ok.. ale już na "zwykłej" stronie nie.. jak zmienie phpmyadminem wpis w bazie.. tzn dodam polskie litery to advAJAX.get() wyświetla krzaczki...

Natomiast dodane w phpmyadminie polskie litery wyświetlają sie dobrze na "zwykłej" stronie... Jak rozwiązać ten problem.. i na jakim etapie.. zapisu, czy odczytu danych z bazy...? Prosze o pomoc..

wszystkie posty na temat polskich liter nic mi nie mówią...

Hej. Może by tak kolejny przykładzik kogoś zainteresował ?

Bardzo często przy moich projektach spotykam się z proźbą klienta o możliwość 'kolorowania' poszczególnych wierszy w tabeli (rekordów). Fajna sprawa - klient np. zaznacza jakieś ważna dla drugiej strony rekordy na czerwono i już jest wiadomo o co chodzi. Jednak jest (był) mały problem - po każdorazowym pokolorowaniu wiersza trzeba było odświeżyć stronę. Naszczęście z pomocą mi przyszedł mi AJAX Oto co wykombinowałem:

Potrzebujemy oczywiście advAJAX.
Struktura bazy danych:

[SQL] pobierz, plaintext 
CREATE TABLE `kolory` (
  `ID` int(10) NOT NULL AUTO_INCREMENT,
  `Kolor` varchar(7) DEFAULT NULL,
  `ID_rekord` int(10) DEFAULT NULL,
  UNIQUE KEY `ID` (`ID`)
);
[SQL] pobierz, plaintext 

Teraz, gdy mamy odpowiednią tabelę dla naszych rekordów i w niej pole `Kolor` możemy zabrać się za wyświetlenie tychże rekordów. Plik proba.php :

[PHP] pobierz, plaintext 
<html>
 
<head>
</head>
<script>
function $(id){
 return document.getElementById(id);
}
function okienko(strona){
    window.open(strona, '', 'menubar=yes,toolbar=yes,location=yes,directories=yes,status=yes,scrollbars=yes,r
esizable=yes,fullscreen=no,channelmode=no,width=200,height=300,left=150,top=100');
}
</script>
<body>
<table border="1">
<?
$dbhost = 'localhost';
$dblogin = root;
$dbhaslo = '';
$db = test;
 
mysql_connect ("$dbhost","$dblogin","$dbhaslo") or die ("Nie masz uprawnien");
mysql_select_db ("$db");
 
for($i=1;$i<10;$i++){
    $query = "SELECT Kolor FROM kolory WHERE ID_rekord=$i LIMIT 1";
    $result = mysql_query($query);
    $row = mysql_fetch_array($result);
    $kolor = $row['Kolor']?$row['Kolor']:'#723F42';
    echo "<tr id=\"tr$i\" style='background: $kolor'>";
      echo '<td>'.$i.'</td>';
      echo '<td>'.($i*2).'</td>';
      echo '<td>'.($i*3).'</td>';
      echo "<td><button onclick=\"okienko('paleta.php?id=".$i."');\"></button></td>";
    echo '</tr>';
}
?>
</table>
</body>
</html>
[PHP] pobierz, plaintext 

Chyba nic nazwyczajnego, proste wyswietlanie rekordow - idziemy dalej....
plik paleta.php , który odpowiedzialny jest za pobranie koloru z palety:

[HTML] pobierz, plaintext 
<table width="50px;">
<tr><td bgcolor='#5478A4' onclick="wybierz_kolor('#5478A4');" style="curosr: hand;">&nbsp;</td><td bgcolor='#A534EF' onclick="wybierz_kolor('#A534EF');" style="curosr: hand;">&nbsp;</td></tr>
<tr><td bgcolor='#84D6E2' onclick="wybierz_kolor('#84D6E2');" style="curosr: hand;">&nbsp;</td><td bgcolor='#19D2A5' onclick="wybierz_kolor('#19D2A5');" style="curosr: hand;">&nbsp;</td></tr>
</table>
[HTML] pobierz, plaintext 

za 'dynamiczne' pokolowanie tabelki:

[HTML] pobierz, plaintext 
opener.$('tr<?echo $_GET['id'];>').style.background=kolor;
[HTML] pobierz, plaintext 

oraz zapisanie do bazy danych:

[HTML] pobierz, plaintext 
advAJAX.post({
           url : "zapisz_kolor.php",
           parameters:{
                kolor: kolor,
                id: '<?echo $_GET['id'];?>'
   },
   onSuccess : function(obj) {
   }
});
[HTML] pobierz, plaintext 

Cały plik wygląda następująco:

[HTML] pobierz, plaintext 
<html>
<head>
 
</head>
<body>
<script type="text/javascript" src="advajax.js"></script>
<script>
function wybierz_kolor(kolor){
    opener.$('tr<?echo $_GET['id'];?>').style.background=kolor;
    advAJAX.post({
            url : "zapisz_kolor.php",
            parameters:{
                kolor: kolor,
                id: '<?echo $_GET['id'];?>'
            },
            onSuccess : function(obj) {
            }
   });
}
</script>
<table width="50px;">
<tr><td bgcolor='#5478A4' onclick="wybierz_kolor('#5478A4');" style="curosr: hand;">&nbsp;</td><td bgcolor='#A534EF' onclick="wybierz_kolor('#A534EF');" style="curosr: hand;">&nbsp;</td></tr>
<tr><td bgcolor='#84D6E2' onclick="wybierz_kolor('#84D6E2');" style="curosr: hand;">&nbsp;</td><td bgcolor='#19D2A5' onclick="wybierz_kolor('#19D2A5');" style="curosr: hand;">&nbsp;</td></tr>
</table>
</body>
</html>
[HTML] pobierz, plaintext 

Pozostaje już tylko plik zapisujacy dane do bazy. zapisz_kolor.php:

[PHP] pobierz, plaintext 
<?
$dbhost = 'localhost';
$dblogin = root;
$dbhaslo = '';
$db = test;
 
mysql_connect ("$dbhost","$dblogin","$dbhaslo") or die ("Nie masz uprawnien");
mysql_select_db ("$db");
 
$kolor = mysql_escape_string($_POST['kolor']);
$rekord = (int)$_POST['id'];
$query = "SELECT * FROM kolory WHERE ID_rekord=$rekord LIMIT 1;";
$result = mysql_query($query);
 
 
if(mysql_affected_rows()>0){
    $query = "UPDATE kolory SET Kolor='$kolor' WHERE ID_rekord=$rekord;";
}
else{
    $query = "INSERT INTO kolory (Kolor, ID_rekord) VALUES ('$kolor',$rekord);";
}
$result = mysql_query($query);
mysql_close();
 
?>
[PHP] pobierz, plaintext 

Jestem pewnien, że dla Was to pestka

Gotowy i działający przykład można zobaczyć tutaj.

Powodzenia

@TomASS -> ciekawy przyklad - lubie zabawy z kolorami - tylko, co Ty zrobiles, ze sie Twoj post tak rozjechal?

Z racji faktu, iż powstał artykuł na podstawie topicu, topic zostaje przeniesiony na właściwe forum.
Dodatkowo, zaraz utworzę topic na XML, AJAX , w którym będą zbierane linki do artykułów, by mieć wszystko pod ręką

Witam!

Muszę przyznać, iż idea AJAXu bardzo mnie zainteresowała. W ogóle postanowiłem nie stać w miejscu, a zrobić krok do przodu i mała przesiadkę technologii. Czas odejść od schematu prosty HTML (tabelki) + prosty JS (używany właściwie symbolicznie) + PHP4 + MySQL.
Postanowiłem zacząć porządnie się edukować w celu wykorzystania technologii XHTML + AJAX + PHP5 (+ MySQL oczywiście). Mam jednakże kilka pytań bardziej ideologicznych niż technicznych (te pewnie będą później ). A mianowicie:

2. Troszeczkę nie rozumiem idei przedstawionej w przykładzie "php Solutions - Przykład 2. - Stronicowanie danych". O ile dobrze wywnioskowałem, to jest wysyłane zapytanie o odpowiednie dane, następnie są one pobierane z bazy i formowane w ładny i zgrabny XML, przesyłane na stronę i prezentowane w postaci tabelki. Dlaczego więc na poziomie pobierania danych z bazy nie upakować ich od razu w tabelkę, przesłać na stronę wyświetlić? Dlaczego stosujemy fazę pośrednią w postaci XMLa?

Z góry dziękuję za wytłumaczenie mi tych kwestii, będę wdzięczny .

Wycialem elementy nie majace nic wspolnego z tematem - NuLL

Cześć

ad 2 skor pyt 1 zostało wycięte

Załóżmy, że chcesz wykorzsytać plik generujący XML nie tylko do wstawiania danych do tabelek, ale ten sam plik chcesz wykorzystac gdzieś indziej - po co robić dwa razy tan sam plik tylko z różnym sposobem wyświetlania plików?
Jeśli chciałbyś zmienić wygląd tabelki to po co ingerować w sposób przesyłu tych danych?
XML jest jednym ze standardów do konwersji i przesyłania danych (tak chyba to można w skrócie napisać). Zarówno php jak i JavaScript posiadają mechanizmy do 'obróbki' takich danych.


Powodzenia i wytrwania w postanowieniach

dzięki za odpowiedź

Witam. Tak ostatnio próbowałem udoskonalić mój skrypt z ajax'em...

mam taki kawałek kodu:

[PHP] pobierz, plaintext 
<?php
function getRecordsOdp(id_ankieta) {
  if(id_ankieta==null)id_ankieta="0"; 
 
  advAJAX.get({
	url : "plik.php",
	  parameters : {
		"id_ankieta" : ""+id_ankieta+"",
		"var2" : "value2"
	   },
 
.......
}
?>
[PHP] pobierz, plaintext 

no i nie wiem, czy znalazłem jakiś błąd, czy coś źle robie... ale jak zamiast lini ("id_ankieta" : ""+id_ankieta+"",) dam ( "id_ankieta" : id_ankieta,) to skrypt wywala błąd i wszystko staje...

pozatym w przykładzie Anakina z listą wyników w pliku 2.js jest kod:

[PHP] pobierz, plaintext 
<?php
function getRecords() {
 
	advAJAX.get({
		url : "2.php?p="+currentPage+"&s="+currentSort+"%20"+currentSortOrder,
 
....
?>
[PHP] pobierz, plaintext 

czy te paramtery nie powinny być poprawnie podane w części "parameters : {"... tutaj też nie pojedzie: (p : currentPage,) tylko (p : ""+currentPage+"",) ...

1. pytanie:
ja to robię tak:

[PHP] pobierz, plaintext 
<?php
advAJAX.get({
	url : "plik.php",
	  parameters : {
		id_ankieta: id_ankieta,
		var2: value2
	   },
 
.......
}
?>
[PHP] pobierz, plaintext 

2. pytanie - tak wg. mnie powinno to być w opcji patamteteres, w którymś ze swoich przykładów też tak mam (czyli paramtery w linijce url), ale już nie będę poprawiać aby nie zrobić bałaganu.

Powiem szczerze ten artykuł tak naprawdę zaciemnia sprawę AJAX'a niż ją rozjaśnia ja się właśnie uczę programowania z wykorzystaniem tej technologii (zgodnie z tym co wyżej napisane jest to JS rozszerzony o parę możliwości). Co AJAX potrafi, ano wiele potrafii . Może zacznę od tego, że gdy zaczynałem przygodę z WWW uważałem aplikacje internetowe za zwykłe ścierwo i nic interesującego, sprawa zmieniła się gdy spotkałem się z AJAX'em. Dla mnie rewela, programista aplikacji okienkowych pod Linuxa i pod Windows programujący w JAVA i C++ czuje się jak w domu. Oczywiście AJAX nie zapewnia takich samych możliwosci jak język C++. Chodzi oto iż technologia AJAX pozwala na zrealizowanie takiej aplikacji w pełni pod przeglądarkę, która będzie działać podobnie jak ta windowsowa "zwykła" aplikacja. AJAX zapewnia Drag'n'Drop (przeciągnij i upuść) co pozwala tworzyć bardziej intujcyjne apliakcje, pozwala na tworzenie aplikacji wielowątkowych... Można by powiedzieć że AJAX to rozwiązanie wielu problemów związanych z aplikacjami internetowymi. Oczywiście AJAX ma i swoje wady i zalety. Źle użyty raczej skomplikuje działanie strony... AJAX ze względu na swoje działanie stwarza problem z przyciskiem wstecz w przeglądarce, gdyż raz dokonana zmiana na stronie nie zostanie naprawiona poprzez kliknięcie wstecz. Więc programista w przypadku AJAX'a musi dodatkowo obsłużyć błędy z tym związane... pokazywanie artykułu o AJAX'ie który ma rozświetlić do czego służy AJAX i oprzeć go na klasach mija się z celem...

[PHP] pobierz, plaintext 
<?php
advAJAX.get({
	url : "plik.php",
	  parameters : {
		id_ankieta: id_ankieta,
		var2: value2
	   },
 
.......
}
?>
[PHP] pobierz, plaintext 

Bo nie wiem czy to powyższe wywołanie wygląda prościej niż to

[HTML] pobierz, plaintext 
xmlHttp.open("GET", "plik.php?name=" + id,true);
[HTML] pobierz, plaintext 

Z drugiej strony to jest forum php to może dlatego większość osób woli ten pierwszy zapis :roll2: Jeśli kogoś uraziłem przepraszam.... Ale mamy wolność słowa to sądzę że nikt się nie obraził

P.S. Sorki za ten HTML ale nie wiedziałem jak dodać kod z JS

...?!? Najbardziej to Ty żeś tę sprawę zaciemnił. Ajax nie jest żadnym językiem.

No tak AJAX to technologia służąca tworzeniu interaktywnych aplikacji internetowych łącząca w sobie zalety JS i XML :]

Dzięki za uwagi!


Może prościej - co nie znaczy lepiej

[HTML] pobierz, plaintext 
<?php
advAJAX.get({
    url : "plik.php",
      parameters : {
        id_ankieta: id_ankieta,
        var2: value2
       },
 
.......
}
?>
[HTML] pobierz, plaintext 

jest bezpieczniejszy - przy pomocy takiego zapisu klasa advAJAX filtruje dane (tutaj zmienne id_ankieta) coś ala mysql_escape_strings z php.

Klasa advAJAX, o ile się nie mylę posiada mechanizm przeciwdziałający temu problemowi.

Nie będę się spierał w końcu dopiero się uczę. PZDR

Ale masz rację i tu się zgodzę, jest bezpieczniejszy....

AJAX to też nie technologia Przeczytaj opis na tej stronie to zobaczysz co to jest

żródło: http://www.w3schools.com/ajax/ajax_intro.asp

I zamykam temat czy to jest technologia czy nie... czy to jest może jakiś model... wypowiedziałem sie na temat artykułu a nie informacji w Wikipedii...

Ale cieszę się że wszyscy uczą sie używać www.google.pl pierwsza z góry pozycja to informacja w Wikipedii o AJAX. ja podeślę jeszcze kilka:

http://es.wikipedia.org/wiki/AJAX
http://en.wikipedia.org/wiki/Ajax_(programming)
http://ru.wikipedia.org/wiki/AJAX
http://nl.wikipedia.org/wiki/Asynchronous_JavaScript_and_XML
http://www.masternewmedia.org/interface_de...ax_20050728.htm
http://www.icesoft.com/products/icefaces.html


Dodam jeszcze kilka źródeł:

"AJAX i PHP"
"Ajax w akcji"
"Ajax. Zaawansowane programowanie"
wydawnictwa Helion
PZDR....

jak dla mnie to artykul napisany malo zrozumiale, gdybym nie przeczytal w nastronach developer.mozilla o ajax to bym praktycznie nic nie zrozumial o co chodzi z XMLHttpRequest()

Jakie zdziwienie wszystkich ogarnęło... Jakby AJAX powstał wczoraj...

Dobry artykuł. Na pewno się przyda, nie którym osobą. Z tego co mi wiadomo to naprawdę bardzo mało osób zna ten język. Bardziej jest popularny JS, ale moim skromnym zdaniem lepszy jest AJAX.

Zanim coś powiesz, zastanów się 3 razy...

AJAX nie jest napędzany przez JS? :|

Nie nabijaj postów stwierdzeniami nijak mającymi się do rzeczywistości.

AJAX nie jest napędzany przez JS. AJAX to najzwyklejszy na świecie JS - i nic więcej.

Stwierdzenie, że AJAX to coś innego niż JS to jakby stwierdzić, że przykładowo biblioteka curl to co innego niż PHP.

No jak nie jest? Jeśli chodzi o np. IE, to tam już nie jest sam JS, a kontrolka ActiveX, która musi być przez coś obsługiwana.


Owszem, coś innego.

Chodziło mi o to, że przykładowy CURL to poprostu "fragment" języka, podobnie jak zestaw funkcji z rodziny strings czy array. Mając plik .php, w którym są wykorzystywane elementy tej biblioteki nadal mówi się jednak "skrypt php", nie "skrypt curla". W przypadku JS i AJAX jest tak samo.No tak. W IE... w IE to się wiele różnych rzeczy dzieje


Chodzi o fakt, że nazwanie AJAXa innym językiem niż JS (czy też technologią) jest poprostu błędem.

A to to się zgodzę.

Swoją drogą - ad. tematu - to z AJAX robi się ostatnio technologię od wszystkiego - DHTML = AJAX, zmiana przez JS = AJAX... Wśród tzw. szarych owieczek JS = AJAX...

No dobrze mogę się zgodzić, ale jednak AJAX się trochę różni. Może źle się wyraziłem.

Czym się różni?

I tutaj się niestety mylisz, ponieważ AJAX najczęściej jest obsługiwany za pomocą JavaScript, ale może to być dowolny inny język skryptowy np. Visual Basic (VBScript) albo JScript. Kluczowym elementem AJAX zdaje się być obiekt XMLHttpRequest.