PHP/Js聊天系統

-1

由於某種原因，我的聊天系統沒有發送消息&我找不到我做錯了什麼。我有我的php網頁上的聊天室，但消息不會發送。PHP/Js聊天系統

當我刪除我的數據庫密碼時，我在網頁上發現錯誤，所以我知道這是中途工作。我也知道我在表格動作上有一個#。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>Blog - Chat</title> 
<link rel="stylesheet" href="http://localhost/blog/CSS3/chat.css" type="text/css"> 
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="C:\\xampp\htdocs\blog\Chat\Javascript\chat.js"></script> 
</head> 

<body> 
    <h3> Welcome <?php print $_SESSION['user_id']; ?>! </h3> 
    <div class="chat"> 
    <div class="chat-status">Status: <span>Idle</span></div> 
    <div class="chat-messages"></div> 
    <textarea class="chat-textarea" placeholder="Type your message"></textarea> 
    <form action="#" onSubmit ='return false;' id="chatForm"> 
    <input type="hidden" id="username" value="<?php echo $_SESSION['user_id']; ?>"/> 
    <input type="submit" id="sbutton" name="submit" value="Send"/> 
    </div> 
</body> 
</html>

sendchat.php

$con = new PDO('mysql:host=127.0.0.1;dbname=chat','root',''); 

if(isset($_POST['text']) && isset($_POST['username'])) 
{ 
    $text= strip_tags(stripslashes($_POST['text'])); 
    $username= strip_tags(stripslashes($_POST['username'])); 

    if(!empty($text) && !empty($username)) 
    { 
     $insert = $con->prepare("INSERT INTO messages VALUES('','".$username."','".$text."')"); 
     $insert->execute(); 

     echo "<li class='cm'><b>".ucwords($username)."</b> - ".$text."</li>"; 
    } 
}

這是我的JS文件

$(function(){ 
    $(document).on('submit','#chatForm',function(){ 
    var text = $.trim($("#text").val()); 
    var username = $.trim($("#username").val()); 

    if(text != "" && username != ""){ 
     $.post('sendchat.php',{text: text, username: username},function(data){ 
      $(".chat-messages").append(data); 
     }); 
    }else{ 
     alert("Data missing"); 
    } 
}); 

function getMessages(){ 
    $.get('getmessages.php',function(data){ 
     $(".chat-messages").php(data); 
    }); 
} 

setInterval(function(){ 
    getMessages(); 
},500);  });

getmessages.php

$con = new PDO('mysql:host=127.0.0.1;dbname=chat','root',''); 

$query = $con->prepare("SELECT * FROM messages"); 
$query->execute(); 

//Fetch 
while($fetch = $query->fetch(PDO::FETCH_ASSOC)) 
{ 
$username = $fetch['username']; 
$message = $fetch['message']; 

echo "<li class='cm'><b>".ucwords($username)."</b> - ".$message."</li>"; 
}

來源

2015-04-23 David

什麼是錯誤？你是否啓用了error_reporting？ – Matheno

爲什麼'VALUES（''，'？你忘記告訴你要在你的表格中插入哪些字段？ –

沒有錯誤，我的消息就不會發送到聊天中 – David

當您使用PDO庫，您需要設置你的插入語句如下：

$sql = "INSERT INTO messages (field1,field2) VALUES (:username,:msg_text)"; 
$q = $conn->prepare($sql); 
$q->execute(array(':username'=>$username,':msg_text'=>$text));

來源

2015-04-23 10:38:52 Dhruvisha

JavaScript是聽出來的形式提交：

$(document).on('submit','#chatForm',function(){

但在形式你只要在提交返回false，使您的JavaScript不會被觸發。

<form action="#" onSubmit ='return false;' id="chatForm">

您需要從表單中刪除的onsubmit代碼，並添加到您的JavaScript：

$(this).preventDefault();

，然後在函數結束時，你返回false。您的整個功能應如下所示：

$(document).on('submit','#chatForm',function(){ 
    $(this).preventDefault(); 
    var text = $.trim($("#text").val()); 
    var username = $.trim($("#username").val()); 

    if(text != "" && username != ""){ 
     $.post('sendchat.php',{text: text, username: username},function(data){ 
      $(".chat-messages").append(data); 
     }); 
    } else { 
     alert("Data missing"); 
    } 
    return false; 
});

來源

2015-04-23 10:39:02 Styphon

*這確實發送了我的消息，但沒有發送到聊天屏幕上或者在我的數據庫中，它就會消失。 – David

PHP/Js聊天系統

回答

相關問題