JQUERY Ajax POST Abfrage

Moin moin,

derzeit versuche ich verzweifelt mit Hilfe JQuery mir einen Text ausgeben zu lassen für einen Chat, doch das ganze will nicht so, wie es eigentlich soll.

Sobald man auf den Button klickt, soll der Text ausgegeben werden. Dazu dann die 2 User-ID's (bsp. 1 & 2).

Angemerkt soll man noch sagen, dass ich nicht viel Ahnung habe von jquery. Ich hab mich dafür ein wenig hier orientiert.

<div class="button" onclick="loadChat(1,2);">testuser</div>
<div id="text"></div>

<script>
function loadChat(str1, str2) {
              $.post("chat.php",{user: str1,touser: str2},
              function(data){
                  $('#text').html(data);
                  alert("Data: " + data); // Zum testen
              });
      }

</script>

chat.php

<?php

$userid1 = $_POST['touser']; //$_GET['to'];
$userid2 = $_POST['user']; //$_GET['user'];

$sql = "SELECT * FROM chat WHERE userid = '$userid2' AND touser = '$userid1'";
foreach ($pdo->query($sql) as $row) {
    echo $row['text'];
}

?>

Hoffentlich kann mir wer dabei helfen.

Danke im voraus.

Gut, dann nochmal für dich.

Zitat von real_Freak

Sobald man auf den Button klickt, soll der Text ausgegeben werden. Dazu dann die 2 User-ID's (bsp. 1 & 2).

Doch dies passiert garnicht. Der Text wird nicht ausgegeben.

#close hatte die id's vertauscht