Button zmienia wartość drugiego buttona, ale muszę odświerzyć całą stronę, by to sprawdzić Opcje

[marianexyx]

Mam 2 buttony. Gdy zostaje wciśnięty button "black_player" jego wartość zmienia się na wartość z bazy. Tą zmianę widzę. Gdy wciskam drugi button "stand_up" wartość pierwszego zmienia się w bazie i na stronie na inną, ale muszę ręcznie odświerzyć stronę, by tą zmianę zobaczyć. Co zrobić by po kliknięciu drugiego buttonu wartość pierwszego zmieniła się automatycznie- bez przeładowywania strony? Czy droga którą tu idę jest dobra?

Poniżej jest poucinany kod, nie powinno być z nim komplikacji, jeżeli chodzi o jego zrozumienie. Jak coś będzie mocno niejasne, to wrzucę nieokrojony kod.

index:

[HTML] pobierz, plaintext 
<input type="button" id="black_player" value="'.$player['black_player_name'].'" />  <!-- $player- funkcja z zapytaniem do bazy o nazwę gracza -->
<input type="button"  id="stand_up" value="Wstań" >
 
<script>
$(document).ready(function(){
        $("input#black_player").click(function(){
            $.ajax({
                type: "POST",
                url: "ajax_black.php",
		data: {
                        czyCzarnyZajety: "<? echo $player['is_black_taken'] ?>",
			loginUzytkownika: "<? print $user['login'] ?>"
		 },
                success: function(data) {
			$("input#black_player").val(data);
                }
            });
	});
});
 
$(document).ready(function(){
        $("input#stand_up").click(function(){
            $.ajax({
                type: "POST",
                url: "ajax_leave.php",
		data: {
			pobierzNickCzarnego: "<? echo $player['is_black_taken'] ?>",
			loginUzytkownika: "<? print $user['login'] ?>"
		},
		contentType: "application/json",
		dataType: "text",
                success: function(data) {
			if (data == "Czarne"){
				$("input#black_player").val(data);
			}
                }
            });
	});
});
</script>
[HTML] pobierz, plaintext 

ajax_black.php:

[PHP] pobierz, plaintext 
<?
require_once('inc.php');
 
$isBlackTaken = vtxt($_POST['czyCzarnyZajety']);
$loginUzytkownika = vtxt($_POST['loginUzytkownika']);
 
if ($isBlackTaken == 0){ 
	call("UPDATE chess SET black_player_name = '$loginUzytkownika' WHERE 1"); 
	echo $loginUzytkownika;
}
?>
[PHP] pobierz, plaintext 

ajax_leave.php:

[PHP] pobierz, plaintext 
<?
require_once('inc.php');
 
$getBlackPlayer = vtxt($_POST['pobierzNickCzarnego']);
$loginUzytkownika = vtxt($_POST['loginUzytkownika']);
 
if($getBlackPlayer == $loginUzytkownika ){ 
	call("UPDATE chess SET black_player_name='Czarne' WHERE 1"); 
	echo 'Czarne';
}
?>
 
[PHP] pobierz, plaintext 

[Felan]

Cześć,

na początek uwaga: staraj się być bardziej konsekwentny w nadawaniu nazw - tu masz angielską nazwę, tam polską i trudno się w tym nie pogubić. Kod w stylu: "$('#przycisk').html('<?php echo $button_value; ?>');" nie wygląda najlepiej.

Wygląda na to, że nie dostajesz poprawnych danych z ajax_leave.php.

W drugim $.ajax spróbuj całkowicie wyrzucić:

[HTML] pobierz, plaintext 
contentType: "application/json",
[HTML] pobierz, plaintext 

Jeśli to nie pomoże, upewnij się, że do php dociera prawidłowy input w $_POST - w tym celu możesz w $.ajax ustawić pod "success:" coś w tym stylu:

[HTML] pobierz, plaintext 
function(data) {
alert(data);
}
[HTML] pobierz, plaintext 

I w ajax_leave.php:

[PHP] pobierz, plaintext 
var_dump($_POST);
die();
[PHP] pobierz, plaintext 

- taki szybki ręczny debug.

[marianexyx]

Dzięki za rady. Pierwszy raz programuję w sieci i robię wiele rzeczy "na czuja".

W każdym razie z tego co piszesz rozumiem, że to powinno działać i nie potrzeba żadnych dodatkowych funkcji odświerzających, a błąd jest gdzieś w tym co aktualnie mam?

[Felan]

Nie, jQuery z założenia nie wymaga żadnego odświeżania - .val('value') nadaje 'value' jako wartość od razu po odnalezieniu wskazanego przez ciebie elementu. Stara wartość "znika" i widać już tylko nową.

Powinno działać. Tylko koniecznie wyrzuć

[HTML] pobierz, plaintext 
contentType: "application/json",
[HTML] pobierz, plaintext 

- używając go będziesz zawsze miał pustą tablicę $_POST, bo nic do niej nie dotrze. Po wyrzuceniu tej linii wartość contentType ustawi się automatycznie na 'application/x-www-form-urlencoded', co jest prawidłową wartością w twoim przypadku.