溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“怎么用jQuery結合PHP和MySQL讀取和發表評論”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“怎么用jQuery結合PHP和MySQL讀取和發表評論”吧!
h4{font-size:14px}
#comments{margin:10px auto}
#post{margin-top:10px}
#comments p,#post p{line-height:30px}
#comments p span{margin:4px; color:#999}
#message{position:relative; display:none; margin-top:-100px; margin-left:30px;
background:#369; color:#fff; z-index:1001}
用CSS控制頁面外觀，注意其中#message用來控制發表評論成功后的提示信息的樣式。
首先來看讀取評論列表功能，當頁面加載的時候，使用getJSON方法讀取服務端PHP生成的JSON數據，展示給用戶。
$(function(){
var comments = $("#comments");
$.getJSON("server.php",function(json){
$.each(json,function(index,array){
var txt = "<p><strong>"+array["user"]+"</strong>："+array["comment"]+"<span>"
+array["addtime"]+"</span></p>";
comments.append(txt);
});
});
});
可以看出，需要通過$.each循環，讀取JSON數據，因為生成的JSON數據有多條評論。當然你也可以使用for循環，但我更傾向于使用jQuery的$.each循環。
再來看下發表評論功能的前端代碼。
$("#add").click(function(){
var user = $("#user").val();
var txt = $("#txt").val();
$.ajax({
type: "POST",
url: "comment.php",
data: "user="+user+"&txt="+txt,
success: function(msg){
if(msg==1){
var str = "<p><strong>"+user+"</strong>："+txt+"<span>剛剛</span></p>";
comments.append(str);
$("#message").show().html("發表成功！").fadeOut(1000);
$("#txt").attr("value","");
}else{
$("#message").show().html(msg).fadeOut(1000);
}
}
});
});
當輸入昵稱和評論內容后，點擊提交，通過Ajax向后臺comment.php程序發送請求，PHP對請求作出相應，并將數據插入數據庫，成功后返回結果給前臺。
先來看PHP讀取和生成JSON數據的server.php代碼。
//連接數據庫
include_once("connect.php");
$q=mysql_query("select * from comments");
while($row=mysql_fetch_array($q)){
$comments[] = array("id"=>$row[id],"user"=>$row[user],"comment"=>$row[comment],
"addtime"=>$row[addtime]);
}
echo json_encode($comments);
注意你的PHP版本應該是5.2以上才能使用json_encode函數。
再來看下發表評論的comment.php代碼。
include_once("connect.php");
$user = htmlspecialchars(trim($_POST['user']));
$txt = htmlspecialchars(trim($_POST['txt']));
if(empty($user)){
echo "昵稱不能為空！";
exit;
}
if(empty($txt)){
echo "評論內容不能為空！";
exit;
}
$time = date("Y-m-d H:i:s");
$query=mysql_query("insert into comments(user,comment,addtime)values('$user','$txt','$time')");
if($query) echo "1";
comment.php接收前臺ajax提交過來的昵稱和評論內容參數，判斷參數的合法性，然后將數據插入到數據庫中，如果成功，則輸出1，返回給前臺jQuery處理。
本例使用簡單容易的代碼詮釋了輕量、高效的jQuery結合PHP的ajax運作機制，當然這只是一個基礎的例子，jQuery還能做很多事情，留給大家去盡情發揮吧。最后，奉上數據庫表結構：
CREATE TABLE `comments` (
`id` int(11) NOT NULL auto_increment,
`user` varchar(30) NOT NULL,
`comment` varchar(200) NOT NULL,
`addtime` datetime NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM;
到此，相信大家對“怎么用jQuery結合PHP和MySQL讀取和發表評論”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
