[JavaScript][PHP]Przekazanie tablicy z JQuery do PHP Opcje

[KRISPI]

Witam mam problem z przekazaniem tablicy do kodu PHP. Napiasałem skrypt JQUERY:

[PHP] pobierz, plaintext 
<script type="text/javascript">
 
 
$(document).ready(function(){
    $("td.komorka").click(function() {
    	if($(this).css('background-color')== 'white')
    	{
    		$(this).css('background-color','red');
    	}
    	else if($(this).css('background-color')== 'red')
    	{
    		$(this).css('background-color','orange');
    	}
    	else
    	{
    		$(this).css('background-color','white');
 
    	}
    })
       $('td.komorka').each(function(){
       	var tablica = [];
       	var id,nr;
       	if($(this).css('background-color')== 'white')
       	{
       		id=$(this).attr('id');
       		nr=parseInt(id);
       		tablica[nr]== 0;
       		}
       	else if($(this).css('background-color')== 'red')
       	{
       		 id=$(this).attr('id');
       		nr=parseInt(id);
       		tablica[nr]== 1;	
 
       	}
       	else if($(this).css('background-color')== 'orange')
       	{
       	   id=$(this).attr('id');
       		nr=parseInt(id);
       		tablica[nr]== 2;	
 
       	}
 
       	$.post('rezultat.php',{tab:tablica},function(data){})
 
       	)
 
       })	
    });	
 
[PHP] pobierz, plaintext 

I teraz chciałbym odebrać zmienną tablica[] w PHP.Robię to w ten sposób ale nie działa:

[PHP] pobierz, plaintext 
$tab=$_POST['tab[]'];
   for($i=0;$i<230;$i++)
   {
   	echo "$tab[i]";
   }
[PHP] pobierz, plaintext 

[mortus]

A czy to tak trudno sprawdzić?

[PHP] pobierz, plaintext 
echo '<pre>';
print_r($_POST);
[PHP] pobierz, plaintext 

I zobaczysz, gdzie co masz.

[KRISPI]

A czy to tak trudno sprawdzić?

[PHP] pobierz, plaintext 
echo '<pre>';
print_r($_POST);
[PHP] pobierz, plaintext 

I zobaczysz, gdzie co masz.

Nie odnajduje zmiennej tab zamiast tego wywala mi komunikat:
Notice: Undefined index: tab in C:\xampp\htdocs\php\rezultat.php on line 139

[mortus]

Nie odnajduje zmiennej tab zamiast tego wywala mi komunikat:
Notice: Undefined index: tab in C:\xampp\htdocs\php\rezultat.php on line 139

A czy ja gdzieś wpisywałem nazwę indeksu w tablicy $_POST? Zobacz całą tablicę $_POST (kod podałem wyżej).

[KRISPI]

A czy ja gdzieś wpisywałem nazwę indeksu w tablicy $_POST? Zobacz całą tablicę $_POST (kod podałem wyżej).

Jedyne co wyświetla to:
Array
(
[miesiac] => styczeń
[submit] => Dodaj
)
Naprawdę jestem początkującym i niewiele mi to mówi

[mortus]

Popraw skrypt jQuery, bo zdaje się, że nie tak (np. tablica[nr]== 2;) ma być. Jeśli wszystko będzie po stronie JS dobrze, to w pliku PHP, JS-ową tablicę znajdziesz w $_POST['tab'].

Swoją drogą nie pisałem wcześniej o bezpośrednim wywołaniu skryptu rezultat.php, a o wywołaniu go właśnie poprzez jQuery. Radzę zainstalować Firebug-a i włączyć zakładkę 'Sieć'. Ułatwi Ci to pracę ze wszystkimi AJAX-owymi żądaniami.

[XP'ek]

[PHP] pobierz, plaintext 
$tab=$_POST['tab[]'];
[PHP] pobierz, plaintext 

nie powinno być

[PHP] pobierz, plaintext 
$tab = $_POST['tab'];
[PHP] pobierz, plaintext 

(IMG:style_emoticons/default/questionmark.gif)

Ten post edytował XP'ek 9.01.2012, 15:34:20

[KRISPI]

[PHP] pobierz, plaintext 
$tab=$_POST['tab[]'];
[PHP] pobierz, plaintext 

nie powinno być

[PHP] pobierz, plaintext 
$tab = $_POST['tab'];
[PHP] pobierz, plaintext 

(IMG:style_emoticons/default/questionmark.gif)

Zmieniłem ale też nie działa

[nospor]

Ale czytaj dokładnie co ci ludzie piszą...

zwrócono ci uwagę na: tablica[nr]== 2
To jest porównanie. Jak chcesz coś przypisać to ma byc:
tablica[nr]= 2

[KRISPI]

Ale czytaj dokładnie co ci ludzie piszą...

zwrócono ci uwagę na: tablica[nr]== 2
To jest porównanie. Jak chcesz coś przypisać to ma byc:
tablica[nr]= 2

Dziękuję za uwagę ale ten błąd poprawiłem jakiś czas temu bez rezultatu.

[vokiel]

Akcje/działania wykonuje się w kilku przypadkach, poprzez wykonanie kodu w trakcie wczytywania, poprzez bezpośrednie wywołanie funkcji lub poprzez wywołanie funkcji na podstawie zdarzeń.

Prześledź swój kod krok po kroku i pomyśl co tam się dzieje.
1. Po załadowaniu się dokumentu uruchamia się Twój kod
2. $("td.komorka").click(function() {} dodaje obsługę na zdarzenie kliknięcia w komórkę tabeli z klasą .komorka
3. Dla każdej komórki tabeli z klasą .komorka wykonywany jest kolejny blok kodu. Czyli sprawdzenie koloru komórki, stworzenie tablicy z id komórki i wartością w przedziale 0-2, następnie dla każdej(!) komórki wykonywane jest zapytanie POST.
4. Koniec

Teraz pomyśl co chciałeś osiągnąć. Bo Twój kod wysyła do serwera stan początkowy, ten po załadowaniu się strony. Klikanie po komórkach nic nie zmienia poza kolorem tła, zmiany wprowadzone w ten sposób nie trafiają na serwer. Nawet nie podejmuję już tu kwestii optymalności kodu, a jest co poprawiać...

Na początek, napisz co chcesz osiągnąć.

[KRISPI]

Akcje/działania wykonuje się w kilku przypadkach, poprzez wykonanie kodu w trakcie wczytywania, poprzez bezpośrednie wywołanie funkcji lub poprzez wywołanie funkcji na podstawie zdarzeń.

Prześledź swój kod krok po kroku i pomyśl co tam się dzieje.
1. Po załadowaniu się dokumentu uruchamia się Twój kod
2. $("td.komorka").click(function() {} dodaje obsługę na zdarzenie kliknięcia w komórkę tabeli z klasą .komorka
3. Dla każdej komórki tabeli z klasą .komorka wykonywany jest kolejny blok kodu. Czyli sprawdzenie koloru komórki, stworzenie tablicy z id komórki i wartością w przedziale 0-2, następnie dla każdej(!) komórki wykonywane jest zapytanie POST.
4. Koniec

Teraz pomyśl co chciałeś osiągnąć. Bo Twój kod wysyła do serwera stan początkowy, ten po załadowaniu się strony. Klikanie po komórkach nic nie zmienia poza kolorem tła, zmiany wprowadzone w ten sposób nie trafiają na serwer. Nawet nie podejmuję już tu kwestii optymalności kodu, a jest co poprawiać...

Na początek, napisz co chcesz osiągnąć.

Więc fakt nie wiem czy dobrze myślę ale gdybym umieścił zapytanie POST poza blokiem funkcji, a tablicę jako zmienną globalną to uzyskałbym efekt pojedyńczego wykonania zapytania POST?
A chciałem uzyskać efekt który pozwoliłby mi zapamiętanie stanów poszczególnych komórek, następnie w formie tablicy przekazanie go do php w celu odpowiedniego uaktualnienia tabeli mysql. Naprawdę nie umiem z tym ruszyć naprzód.

Akcje/działania wykonuje się w kilku przypadkach, poprzez wykonanie kodu w trakcie wczytywania, poprzez bezpośrednie wywołanie funkcji lub poprzez wywołanie funkcji na podstawie zdarzeń.

Prześledź swój kod krok po kroku i pomyśl co tam się dzieje.
1. Po załadowaniu się dokumentu uruchamia się Twój kod
2. $("td.komorka").click(function() {} dodaje obsługę na zdarzenie kliknięcia w komórkę tabeli z klasą .komorka
3. Dla każdej komórki tabeli z klasą .komorka wykonywany jest kolejny blok kodu. Czyli sprawdzenie koloru komórki, stworzenie tablicy z id komórki i wartością w przedziale 0-2, następnie dla każdej(!) komórki wykonywane jest zapytanie POST.
4. Koniec

Teraz pomyśl co chciałeś osiągnąć. Bo Twój kod wysyła do serwera stan początkowy, ten po załadowaniu się strony. Klikanie po komórkach nic nie zmienia poza kolorem tła, zmiany wprowadzone w ten sposób nie trafiają na serwer. Nawet nie podejmuję już tu kwestii optymalności kodu, a jest co poprawiać...

Na początek, napisz co chcesz osiągnąć.

Więc fakt nie wiem czy dobrze myślę ale gdybym umieścił zapytanie POST poza blokiem funkcji, a tablicę jako zmienną globalną to uzyskałbym efekt pojedyńczego wykonania zapytania POST?
A chciałem uzyskać efekt który pozwoliłby mi zapamiętanie stanów poszczególnych komórek, następnie w formie tablicy przekazanie go do php w celu odpowiedniego uaktualnienia tabeli mysql. Naprawdę nie umiem z tym ruszyć naprzód.

[vokiel]

I tak i nie :-)

Jeśli chcesz wysłać tablicę pól raz - zamiast tyle razy ile masz komórek - to tak, poza pętlą.
Jeśli chcesz przekazać aktualny stan pól, to musisz wybrać kiedy to ma nastąpić, czy po zmianie jakiegokolwiek pola, czy po kliknięciu na przycisk, czy po jakimś innym zdarzeniu na stronie.

Jak już będziesz wiedział kiedy masz to zrobić, to napisanie kodu sprowadza się do:
1. Funkcja pobierająca aktualne stany komórek
2. Funkcja zmieniająca stany po kliknięciu
3. Funkcja odpalana po wybranym zdarzeniu, która wywoła tą pierwszą i zdobyte stany przekaże do php

[KRISPI]

I tak i nie :-)

Jeśli chcesz wysłać tablicę pól raz - zamiast tyle razy ile masz komórek - to tak, poza pętlą.
Jeśli chcesz przekazać aktualny stan pól, to musisz wybrać kiedy to ma nastąpić, czy po zmianie jakiegokolwiek pola, czy po kliknięciu na przycisk, czy po jakimś innym zdarzeniu na stronie.

Jak już będziesz wiedział kiedy masz to zrobić, to napisanie kodu sprowadza się do:
1. Funkcja pobierająca aktualne stany komórek
2. Funkcja zmieniająca stany po kliknięciu
3. Funkcja odpalana po wybranym zdarzeniu, która wywoła tą pierwszą i zdobyte stany przekaże do php

Wiem że jestem męczący, ale ciągle nie potrafię przez to przebrnąć. Nie rozumiem mój kod wygląda teraz tak:

[PHP] pobierz, plaintext 
$(document).ready(function(){
        var tablica = [];
        var id,nr;
     function pobierz()
       {
	$('td.komorka').each(function(){
 
       	if($(this).css('background-color')== 'white')
       	{
       		id=$(this).attr('id');
       		nr=parseInt(id);
       		tablica[nr]= 0;
       		}
       	else if($(this).css('background-color')== 'red')
       	{
       		 id=$(this).attr('id');
       		nr=parseInt(id);
       		tablica[nr]= 1;	
 
       	}
       	else if($(this).css('background-color')== 'orange')
       	{
       	                id=$(this).attr('id');
       	                nr=parseInt(id);
       		tablica[nr]=2;	
 
       	}
         });
     }
 
 
    $("td.komorka").click(function() {
    	if($(this).css('background-color')== 'white')
    	{
    		$(this).css('background-color','red');
    		id=$(this).attr('id');
       		nr=parseInt(id);
       		tablica[nr]= 1;	
 
    	}
    	else if($(this).css('background-color')== 'red')
    	{
    		$(this).css('background-color','orange');
    		id=$(this).attr('id');
       		nr=parseInt(id);
       		tablica[nr]=2;	
    	}
    	else
    	{
    		$(this).css('background-color','white');
    		id=$(this).attr('id');
       		nr=parseInt(id);
       		tablica[nr]= 0;
 
    	}
    });
 
     $("#zmiana").click(function() {
     	pobierz();
 
       $.post('rezultat.php',{tab:tablica},function(data){});  
 
 
     });
 
    });	
 
[PHP] pobierz, plaintext 

Dodałem zdażenie poprzedzające przesłanie tablicy oraz zmianę stanu po kliknięciu komórki tak jak sugerowałeś. Wiem kod jest strasznie rozległy ale chodzi mi narazie o sam rezultat. Nic się nie dzieje. Pozatym kiedy wczytuje się strona już na wstępie otrzymuję błąd w kodzie php że nie rozpoznaje indexu tab.
Nie wiem czy to problem że przesyłam zmienną do tego samego pliku bo kod JQUERY mam wtym samym co PHP?

[#luq]

Generalnie:

[JAVASCRIPT] pobierz, plaintext 
$.ajax({
 type: 'POST',
 url: 'example.php',
 data: {
   foo: ['ala ma kota']
 },
 dataType: 'json',
 onSuccess: function(data){
  console.log(data);
 }
})
[JAVASCRIPT] pobierz, plaintext 

[PHP] pobierz, plaintext 
echo $_POST['foo'][0];
[PHP] pobierz, plaintext 

Powinno działać, więc zrób analogicznie.

[KRISPI]

Generalnie:

[JAVASCRIPT] pobierz, plaintext 
$.ajax({
 type: 'POST',
 url: 'example.php',
 data: {
   foo: ['ala ma kota']
 },
 dataType: 'json',
 onSuccess: function(data){
  console.log(data);
 }
})
[JAVASCRIPT] pobierz, plaintext 

[PHP] pobierz, plaintext 
echo $_POST['foo'][0];
[PHP] pobierz, plaintext 

Powinno działać, więc zrób analogicznie.

Zrobiłem analogicznie:

[JAVASCRIPT] pobierz, plaintext 
$("#zmiana").click(function() { 
   	pobierz();
   	$.ajax({
   		 type: 'POST',
   		 url: 'index.php',
   		  data: {   foo: ['ala ma kota'] },
   		   dataType: 'json',
   		    onSuccess: function(data){  console.log(data); }
   		    })
 
 });	
 
[JAVASCRIPT] pobierz, plaintext 

Odebrałem:

[PHP] pobierz, plaintext 
<?php 
          echo '<pre>';
          print_r($_POST);
         echo $_POST['foo'][0];
 
   ?>
[PHP] pobierz, plaintext 

I dostałem komunikat:

Array
(
[submit] => Dodaj
)


Notice: Undefined index: foo in C:\xampp\htdocs\php\index.php on line 19

naprawdę nie wiem?(IMG:style_emoticons/default/questionmark.gif) (IMG:style_emoticons/default/questionmark.gif) (IMG:style_emoticons/default/questionmark.gif) (IMG:style_emoticons/default/questionmark.gif) (IMG:style_emoticons/default/questionmark.gif) ?

[mortus]

Przecież to ma być wysyłane asynchronicznie z pomocą AJAX, a Ty w tej chwili wysyłasz to normalnie tzn. po kliknięciu w przycisk przechodzisz do pliku/skryptu PHP. Jeśli koniecznie musisz użyć przycisku submit, do wykonania akcji, to spraw, żeby strona się nie przeładowywała. Na końcu skryptu obsługującego zdarzenie onclick dodaj:

[JAVASCRIPT] pobierz, plaintext 
return false;
[JAVASCRIPT] pobierz, plaintext 

Jeśli nie rozumiesz "ideologii" AJAX-a, to wróć do podstaw - Google.
Pierwsza znaleziona strona doskonale się nadaje na dobry początek.

EDIT: Twoim problemem nie jest przekazywanie tablicy, a przekazanie czegokolwiek. Po prostu nie wiesz o co w ogóle chodzi.

Ten post edytował mortus 18.01.2012, 17:08:45

[KRISPI]

Przecież to ma być wysyłane asynchronicznie z pomocą AJAX, a Ty w tej chwili wysyłasz to normalnie tzn. po kliknięciu w przycisk przechodzisz do pliku/skryptu PHP. Jeśli koniecznie musisz użyć przycisku submit, do wykonania akcji, to spraw, żeby strona się nie przeładowywała. Na końcu skryptu obsługującego zdarzenie onclick dodaj:

[JAVASCRIPT] pobierz, plaintext 
return false;
[JAVASCRIPT] pobierz, plaintext 

Jeśli nie rozumiesz "ideologii" AJAX-a, to wróć do podstaw - Google.
Pierwsza znaleziona strona doskonale się nadaje na dobry początek.

EDIT: Twoim problemem nie jest przekazywanie tablicy, a przekazanie czegokolwiek. Po prostu nie wiesz o co w ogóle chodzi.

Masz rację dopiero się uczę. Ale twój post pomógł. W firebug widzę obsłużenie żądania AJAX.