评论系统：显示像facebookpost部分的post – （PHP评论系统2）

如何在Facebook上显示评论，分享，时间选项？

我创建了一个类似于Facebook的post系统，它看起来像下面的图片[感谢SO人为此]：

我无法正确放置内容。 在哪里以及如何调整？

我希望它看起来类似于Facebook的post部分。

如何显示评论，比如，如上所述分享选项？

代码：index.php：

    $(document).ready(function(){ $('#submit').on('click',function(e){ e.preventDefault(); input=$('#message').val(); var comment={}; comment.input=input; var commentdata=$("message").val(); $.ajax({ type: "POST", data:{ comment: commentdata }, url: "ajax.php", success: function(data, textStatus){ //alert(data); $("#commentsholder").append(data); $('#comments').append(comment.input); } },'html'); }); });    Add post 
     
 
 
 
   

ajax.php：

 <?php $comment=$_POST['commentdata']; $con = mysqli_connect('127.0.0.1:3306', 'root', 'root', 'test'); if (mysqli_connect_errno()) { echo "Failed to connect to MySQL: " . mysqli_connect_error(); } $query= "select * from user_record where id=100005809179068"; $result = mysqli_query($con,$query); //build html format as you need it.. while($row = mysqli_fetch_array($result)){ echo '
'.$row ['name'].'
'; } ?> 

Answer 1

1.首先，为什么post和评论不能正确显示？！

您应该将ajax调用更改为：

 $.ajax({ type: "POST", data:{ comment: commentdata, input: comment.input // Add your input as a parameter }, url: "ajax.php", success: function(data, textStatus){ $("#commentsholder").append(data); } },'html'); 

你的ajax.php：

 $input = $_POST['input']; echo '
'.$row ['name']. '
'.$input.'
'; 

它现在应该工作。 您的头像将始终与您的评论保持一致。

2.其次，添加Like | 评论| 分享。 您可以在服务器端ajax或客户端执行此操作，如下所示（我重用成功回调）：

 success: function(data, textStatus){ $("#commentsholder").append(data); // This should append the div.comment $('.comment').append(comment.input); // Not $('#comments') var likeLink = 'Like'; var shareLink = 'Share'; $('.comment').append(likeLink).append(shareLink); } 

你可以在这里使用小提琴： http ： //jsfiddle.net/karmiphuc/SDSwk/

关于post评论，您必须使用FB Graph API来发送和检索它们。

希望这可以帮助。

Answer 2

将其添加到代码的此部分

 echo '
'.$row ['name'].'

Comment | Share | etc...';