Ajax php - błąd

Question

Witam! Ostatnio piszę kod chatu i zająłem się pisaniem kodu ajax i php i natknąłem się na problem. Kod php nie przechwytuje zmiennych z url-u. Kod podaję niżej.

HTML:

<div class="container about">

            <div class="row">
                <div class="chatLogs" id="chatLogs">
                
                </div>
                <div class="field" id="field">
                    <form action="" method="GET">
                        <input type="text" id="uname" name="uname"><br>
                        <textarea name="msg" id="msg" cols="30" rows="10"></textarea><br>
                        <button id="btn_chat">Wyślij!</button>
                    </form>
                </div>

             </div>

        </div>

Ajax:

var btn = document.getElementById('btn_chat'),
            uname = document.getElementById('uname').value,
            msg = document.getElementById('msg').value;

        btn.onclick = function(){
            var xmlhttp = new XMLHttpRequest();
            xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                btn.value = this.responseText;
            }
        }
        xmlhttp.open("GET", "gethint.php?uname="+uname+"&msg="+msg, true);
        xmlhttp.send();
        };

Php:

<?php 
	$uname = (isset($_GET['uname']) ? $_GET['uname'] : null);
	$msg = (isset($_GET['msg']) ? $_GET['msg'] : null);

	$db = mysqli_connect('localhost', 'root', '', 'baza');

	$sql_q = "INSERT INTO chats(`uname`, `msg`) VALUES ('$uname', '$msg')";

	$db->query($sql_q);
 ?>

 

Comments

swoją drogą skorzystaj chociąz z long polling bo zajedziesz serwer

Answer 1

W swoim kodzie wartość pól tekstowych odczytujesz tylko raz, w momencie uruchomienia skryptu. Za każdym naciśnięciem przycisku #btn_chat wysyłasz to co odczytałeś przy uruchomieniu skryptu/strony, a nie to co jest w momencie wysyłania wpisane.

 

Powinieneś przenieść linie

 

uname = document.getElementById('uname').value,
msg = document.getElementById('msg').value;

do środka funkcji btn.onclick