เจอปัญหาการ Load ข้อมูลจาก Database แบบ Real Time ด้วย PHP+Ajax jQuery ครับ มันไม่ยอมแสดงข้อมูลครับ
ตามหัวข้อเลยครับ ทั้งๆที่ในฐานข้อมูลก็มีข้อมูลอยู่แต่มันไม่ยอมแสดงข้อมูลนะสิครับ นี่โค้ดครับCode http://www.zohind.com/project/chatroom
ครับCode (PHP) <?php
include '../config.php';
$sql = "SELECT * FROM pj_chat WHERE 1 ORDER BY id ASC";
$query = mysql_query($sql);
$intNumField = mysql_num_fields($query);
$resultarray = array();
while($result = mysql_fetch_array($query)){
$arrCol = array();
for($i=0;$i<$intNumField;$i++){
$arrCol[mysql_field_name($query,$i)] = $result[$i];
}
array_push($resultarray,$arrCol);
}
echo json_encode($resultarray);
?>
Code (PHP) <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>"DEMO"</title>
<script src="js/jquery-1.11.1.min.js"></script>
<script>
function getDataFromDb(){
$.ajax({
url: "getmsg.php" ,
type: "POST",
data: ''
})
success(function(result) {
var obj = jQuery.parseJSON(result);
if(obj != ""){
//$("#myTable tbody tr:not(:first-child)").remove();
$("#tblbody").empty();
$.each(obj, function(key, val) {
var tr = "<tr>";
tr = tr + "<td>" + val["datetime"] + "</td>";
tr = tr + "<td>" + val["user"] + "</td>";
tr = tr + "<td>" + val["msg"] + "</td>";
tr = tr + "</tr>";
$('#tbltable > tbody:last').append(tr);
});
}
});
}
setInterval(getDataFromDb, 500); // 1000 = 1 second
</script>
</head>
<body>
<div align="center">
<h2>"DEMO" Chat Room</h2>
<table width="650" border="0" id="tbltable">
<thead>
<tr>
<td width="100"><div align="center">Datetime</div></td>
<td width="100"><div align="center">User</div></td>
<td width="450"><div align="center">Massage</div></td>
</tr>
</thead>
<tbody id="tblbody"></tbody>
</table>
</body>
</html>
Tag PHP, MySQL, HTML/CSS, Ajax, jQuery
ประวัติการแก้ไข
Date :
2014-06-19 19:48:36By :
kuzaa516View :
2194Reply :
17
ในไฟล์ getmsg.php บรรทัดที่3 น่าจะมีปัญหาตรง where l
ประวัติการแก้ไข
Date :
2014-06-19 20:08:26By :
Alan
ก่อนอื่น คุณเรียก getmsg.php ตรงๆ จาก web browser เลยครับ
ประวัติการแก้ไข
Date :
2014-06-19 20:14:42By :
Chaidhanan
ตอบท่าน >> Alan
Date :
2014-06-19 20:19:35By :
kuzaa516
อยากบอกว่า การดึงข้อมูล จากฐานข้อมูล Real Time แบบนี้ SERVER ทำงานหนักแน่ครับ
Date :
2014-06-19 20:30:27By :
FreshyMusiC
คือต้องบอกก่อนครับ ผมไม่ชำนาญกับ jquery นะครับ ผมโปรแกรมเมอร์ โบราณครับ พวก tool สมัยใหม่ไม่ค่อยคล่องนะครับ
Date :
2014-06-19 20:45:42By :
Chaidhanan
18. $.each(obj, function(key, val) {Code (JavaScript)
var tr_index=1;
var tb=document.getElementById('tbltable');
var tb_row;
$.each(obj, function(key, val) {
tb_row = tb.insertRow(tr_index);
tb_row.insertCell(0).innerHTML=val["datetime"];
tb_row.insertCell(1).innerHTML=val["user"];
tb_row.insertCell(2).innerHTML=val["msg"];
tr_index++;
});
ประวัติการแก้ไข
Date :
2014-06-19 22:08:14By :
Chaidhanan
Code (PHP) <script type="text/javascript">
function getDataFromDb(){
$.ajax({
url: "getmsg.php" ,
type: "POST",
data: "",
success: function(result){
var obj = jQuery.parseJSON(result);
if(obj != ""){
//$("#myTable tbody tr:not(:first-child)").remove();
$("#tblbody").empty();
$.each(obj, function(key, val) {
var tr = "<tr>";
tr = tr + "<td>" + val["datetime"] + "</td>";
tr = tr + "<td>" + val["user"] + "</td>";
tr = tr + "<td>" + val["msg"] + "</td>";
tr = tr + "</tr>";
$('#tbltable > tbody:last').append(tr);
});
}
}
});
}
setInterval(getDataFromDb, 500); // 1000 = 1 second
</script>
Date :
2014-06-20 12:24:02By :
ไวยวิทย์
งั้นเรามาตรวจสอบ ajax บันทัดนี้ก่อนครับ ว่าได้ข้อมูลมาถูกต้องหรือไม่
Date :
2014-06-20 12:24:48By :
Chaidhanan
นั่นไงความเห็น 12 เลยครับ ไวยกรณ์ผิด บันทัดที่ 6,7
Date :
2014-06-20 12:29:54By :
Chaidhanan
ขอบคุณทุกท่านมากครับ ได้แล้วครับป๋ม ตามท่าน Nico เลยครับป๋ม ขอบคุณครับ
Date :
2014-06-20 12:33:57By :
kuzaa516
Date :
2014-06-20 12:41:24By :
Chaidhanan
Date :
2014-06-20 13:18:12By :
ไวยวิทย์
Server 00
Load balance : Server 00
