Forum PHP.pl

witam,

Przerabiam pewna aplikacje na ajax i dopiero zaczynam sie tego uczyc. Nie jestem pewny jak najprosciej i najlatwiej przetwarzac dane w ajax.
Najlepiej byloby zebym robiac najmniej modyfikacji w kodzie mogl przerobic wszystko na ajax. Mam pytanie, jak wykonac mechanizm tego typu w ajax:

[PHP] pobierz, plaintext 
<form name="form_data" onsubmit="return valid_data();" method="post" action="talk_time_all.php">
		<table align="center">
		 <tr><td align="left"><div class="textkontakt">Format:</td><td>rrrr-mm-dd gg:mm:ss</div></td></tr>
		 <tr><td align="left"><div class="textkontakt">data od:</div></td>
			<td>
			<input type="text" size="19" id="name" value ="<?php
			$today = date("Y-m-d, H:i");
			$print_date = substr($today, 0, 10);
			echo $print_date; ?> 00:00:01"	class="kolorpol" maxlength="19" name="date_od" />
			</td>
		 </tr>
		 <tr><td align="left"><div class="textkontakt">data do:</div></td>
			<td>
			<input type="text" size="19" id="name" value ="<?php 
			$print_time = substr($today, 12, 5);
			echo $print_date." ".$print_time; ?>:00"
			class="kolorpol" maxlength="19" name="date_do" /></td>
		 </tr>
		 <tr><td></td>
			<td><br />
			 <input class="przeslij" type="submit" value="Akceptuj" />
			 <input name="mode_1" type="hidden" value="search_1" />
			</td>
		 </tr>
		</table>
		</form>
		<?php
		//jezeli wyslano pierwszy formularz,wowczas wejdz do petli
		if (@$_POST['mode_1'] == 'search_1'){
			$date_od = $_POST['date_od'];	//podstawia date z formularza
			$date_do = $_POST['date_do'];
 
			//zapytanie wybierajace wszystkie roznorodne nazwy portfolio z okreslonego przedzi
alu czasu dla ktorych 
			//byla prowadzona rozmowa
			$result = mssql_query("select distinct callbase from eis_eventlog where datimestamp >= '".$date_od."'
				and	datimestamp <= '".$date_do."' and callbase <> '' and oldstate = '9' order by callbase");
 
			$value_rows = rows_affected();  //obliczenie ilosci zwroconych rekordow
 
 
			// przegladamy wyniki zapytania wiersz po wierszu
			// wrzucajac dane do tymczasowej tablicy
			$tablica_wyniki[0] = 0;	 //deklaracja tablicy na wypadek gdyby zapytanie nie zwrocilo wynikow
			$i = 0;
			while ($portfolio = mssql_fetch_row($result)) {  
				$tablica_wyniki[$i] = $portfolio[0];
				++$i;
			}
[PHP] pobierz, plaintext 

Chodzi mi przede wszystkim o to jak zrobic w ajax zeby odebrac dane podane w formularzu i wyslac je do tego samego skryptu PHP, a potem sprawdzic czy te dane zostaly wyslane no i jesli tak to zeby dzialanie skryptu przeszlo w odpowiednie miejsce, zeby wykonac zapytanie do bazy. W tym momencie mam to zrobione tak ze wysylam w formularzy pole <input name="mode_1" type="hidden" value="search_1" /> a potem gdy istnieje taka dana to wykonuje sie odpowiedni fragment kodu. Ktos moze pomoc?

Nie potrafię wczuć się w ten problem, ale musisz po prostu wiedzieć, że AJAX to zwykłe wywoływanie stron, jednak tak jakby niewidoczne dla przeglądającego.

No więc możesz wysłać dane post i potem z tego samego linku odebrać jakieś dane.

Te dane potem podmieniasz na stronie za pomocą innerHTML czy tam czegokolwiek chcesz. Nie ma tu wyższej filozofii.

Pytasz jak pobrać dane z formularza.

AJAX to zwykły JavaScript, także po prostu:

var text = document.getElementById("pole_tekstowe").value;

jeśli chcesz przesyłać przez get to używasz encodeURIComponent, jeśli przez post to ci nie pomogę, bo nie próbowałem.

http://developer.mozilla.org/en/docs/AJAX:Getting_Started

Poczytaj to, strasznie się przydaje.

Więc dajmy na to gość wpisał w polu tekstowym swoje imie i nazwisko.

[Jaś Fasola]

podczas kliknięcia na button, czy co tam chcesz, wywołujesz funkcję, która wysyła to imię np.

getURL("plik.php?name=" + encodeURIComponent(document.getElementById('pole_tekstowe').value));

No i potem w pliku.php obrabiasz te dane, wsadzasz do bazy i tak dalej. Jeśli się udało, to np. zwracasz tekst:

ok <id> <imie_nazwisko>

jeśli nie to:

error <blad>

No i potem znowu obrabiasz przez javascript i walisz na stronę poprzez podmianę divów (innerHTML) czy cokolwiek.

Powodzenia, i zawsze myśl, że nic nie jest trudne, tylko tak wygląda.

Przeczytaj to na mozilli, bo bardzo pomaga.

Witam

Na poczatek jesli zaczynasz zabawe z AJAX to sprobuj wykorzystac jakas gotowa biblioteke. Ja osobiscie polecam prototype. Jesli chodzi o problem, ktory przedstawiles to proponuje nastepujace rozwiazanie.

Po pierwsze kazdy formularz oddziel do osobnego pliku. Tak aby byl jakis div w nim form i tyle. Nastepnie na stronie gdzie ma sie wyswietlac formularz wstaw kolejnego div nazwij sobie go np. form_area. Plik z formularzem mozesz poprostu includowac. Teraz musisz zrobic na formularzu jakas akcje podczas submitowania. Proponuje wykorzystac Ajax.Updater z prototype. Wywolac go onsubmit. Robi on tyle ze do elementu html o podanym id wstawia to co mu zwroci adres, ktory mu przekazemy. W naszym przypadku bedzie to adres pliku, ktory ma sprawdzic poprawnosc danych formularza. Jesli walidacja sie nie powiodla to wyswietlamy ponownie formularz. Wtedy Ajax.Updater wstawi go w to samo miejsce czyli zrobi innerHtml na form_area. Mozna w ten sposob wyswietlac automatycznie bledy. Jesli walidacja sie powiedzie mozna wyswietlic inny widok, np. komunikat potwierdzajacy udana akcje.

Pozdrawiam

dzieki Chlopaki, pomogliscie. zrobilem to poprzez advAJAX. teraz mam kolejne pytanie, wczesniej mi dzialala funkcja napisana w JS, ktora walidowala poprawnosc danych wpisanych do formularza - jesli byly nie poprawne to nie dalo sie wyslac formularza, teraz moj formularz wyglada tak:

[HTML] pobierz, plaintext 
<form name="form_data" id="form_talk_time_all" onsubmit="return valid_data();" method="post" action="talk_time_all.php">
        <table align="center">
         <tr><td align="left"><div class="textkontakt">Format:</td><td>rrrr-mm-dd gg:mm:ss</div></td></tr>
         <tr><td align="left"><div class="textkontakt">data od:</div></td>
            <td>
            <input type="text" size="19" id="date_od" value ="<?php
            $today = date("Y-m-d, H:i");
            $print_date = substr($today, 0, 10);
            echo $print_date; ?> 00:00:01"    class="kolorpol" maxlength="19" name="date_od" />
            </td>
         </tr>
         <tr><td align="left"><div class="textkontakt">data do:</div></td>
            <td>
            <input type="text" size="19" id="date_do" value ="<?php 
            $print_time = substr($today, 12, 5);
            echo $print_date." ".$print_time; ?>:00"
            class="kolorpol" maxlength="19" name="date_do" /></td>
         </tr>
         <tr><td></td>
            <td><br />
             <input name="mode_1" type="hidden" value="search_1" />
             <input class="przeslij" type="submit" value="Akceptuj" onClick="assign_form('form_talk_time_all')" />
             </td>
         </tr>
        </table>
        </form>
[HTML] pobierz, plaintext 

no i wlasnie to: onsubmit="return valid_data();" obsluguje walidacje formularza, rozumiem, ze trzeba jakos zmodyfikowac wywolanie tej funkcji pod ajax, tylko jak? chce zeby nie wysylal sie formularz jesli dane w polach nie spelniaja wymagan funkcji valid_data()

No ale moment albo na przycisku masz submit i onclick i dalej f-cja ktora robi validacje, a jesli sie udala to inicjowana jest akcja ajax'a albo masz onsubmit a przycisk to zwykly <input type="image".... /> i return zwraca Ci false jesli validacja sie nie powiodla, albo true i wykonuje sie f-cja ajax'owa.
Pozdr.
MS