PHP - POST nie wyświetla zmienionych danych

Question

Witam 

Mam wygenerowaną tabele w taki sposób

models/board.php

public function DrawBoard(){        
            echo '<table id="board">';
            $i = 0;

            for($row= 0; $row < 8; $row++)
            {
                echo '<tr>';

                for($col= 0; $col < 8; $col++){            

                    if($this->fields[$row][$col] != 'e')
                    {
                        echo '<td id="'.$i.'">' . $this->fields[$row][$col] . '</td>';
                    }   
                    else
                    {
                        echo '<td id="'.$i.'"></td>';
                    }
                    $i++;
                }
                echo '</tr>';
            } 
            echo '</table>'; 
        }  

 

do wykrycia kliknięcia w którąś komórkę używam takiego kodu

ten kod znajduje się w index.php

<script>
    $('#board td').on('click', function(){
        var id = $(this).attr('id');
        var fieldValue = $(this).html();
       
        $(this).css("background-color","green");

        $.post('models/board.php', {'id': id}, function(data){
        });
    });

</script>

chciałbym wyświetlić w php id elementu który kliknąłem próbuję w taki sposób

$id = $_POST['id'];
        echo($id);

jednak na stronie nic się nie wyświetla, czy mógłby ktoś podpowiedzieć jak to zrobić, czy może trzeba jakiś element html odświeżać?

Comments

Czy zmienna id w JS na pewno posiada wartość? Czy w konsoli przeglądarki są jakieś błędy? Pokaż nagłówki requesta. Zmienna $_POST posiada dane, jeśli request ma odpowiednio ustawiony nagłówek Content-Type:

An associative array of variables passed to the current script via the HTTP POST method when using application/x-www-form-urlencoded or multipart/form-data as the HTTP Content-Type in the request.

Pytanie jaką wartość dla tego nagłówka ustawiło jQuery? Teoretycznie domyślnie jest to 'application/x-www-form-urlencoded; charset=UTF-8'.

https://api.jquery.com/jquery.ajax/

---

W konsoli brak błędów

zakładka network:

( każdy board.php to jedno kliknięcie w komórkę)

A tutaj header requesta

---

Pokaz jeszcze zakładkę response w Networku dla tego zapytania. I pokaż co jest w zmiennej data którą dostaje callback w 8 linii JS-a.

Jeśli w response nie ma nic, to w PHP zrób var_dump($_POST) i pokaż co to zwróci.

---

Te 10 to id elementu który kliknąłem ale na stronie nic się nie pojawia

---

Response zwrócił oprócz tego 10 jeszcze znaczniki <style> i <skrypt>? A co jest w tej zmiennej data z callbacka przekazanego do metody $.post?

---

Dokładnie to samo co w zakładce Response na zdjęciu wyżej

---

Hmm, nie wiem dlaczego PHP zwrócił taki dziwny wynik, skoro w echo dałeś tylko id z requesta. Może ktoś inny pomoże w tej kwestii.

W każdym razie, jeśli chcesz pokazać na stronie zwrotkę z Ajaxa, to musisz jej dane umieścić w DOM łapiąc jakiś element i ustawiając mu innerHTML lub textContent.

---

głównie mi zależy żeby mieć wybraną wartość przez użytkownika w zmiennej php

---

A co chcesz dokładnie z tym zrobić? W jakim celu tworzysz tę zmienną w PHP?

Answer 1

Zakładając, że dobrze zrozumiałem o co chodzi. Jeśli po wysłaniu zapytania do pliku models/board.php przy pomocy Jquery, sprawdzasz w konsoli w zakładce network jego działanie poprzez kliknięcie na ten plik to on ci się otwiera w nowym oknie przeglądarki ale to jest już zupełnie nowe zapytanie, i w tym nowym zapytaniu nie ma żadnej zmiennej id wysłanej postem bo robisz to poprzez wpisanie adresu pliku board.php do przeglądarki.