在Ajax中接收Div的数据

时间:2015-12-13 17:47:23

标签: javascript php html ajax messages

所以这一个问题让我在一场大雁追逐中待了一个星期左右,我真的希望这个问题最终能够在今晚得到解决。我对Ajax或JS没有任何经验,所以我真的很难在这里努力,而且还在学习。这是我希望实现的目标......

我在messages.php中有一个基本的PHP消息系统,显示DIV内两个用户之间的所有消息,当您收到更多消息时会自动添加滚动条。这是我的DIV:

<div class="list-group-message" style="overflow-y: scroll;height:385px;width:680px">   

 <div id="content">  

/// PHP MESSAGE SCRIPT

</div>
</div>

当您发送回复时,它会使用此Ajax脚本发送要在system/reply_system.php上处理的数据,如果它发现您正在与自动帐户通话,它还会将数据发送到system/sars_system.php要处理,这适用于添加和发回消息......

<script>
setInterval(function() {
    $("#content").load(location.href+" #content","");
}, 5000);
</script>

<script> 
function loadDoc() {
 $.ajax({
  url: 'system/reply_system.php',
  type: 'POST',
  dataType: 'json',
  data: $('#reply').serialize(),
  success: function(data) {

    console.log("success");
    var $content = $(".list-group-message");

    $content.text(data); // Here you have to insert the received data.
    $content[0].scrollTop = $content[0].scrollHeight;

    // Second ajax
    $.ajax({
      url: 'system/sars_system.php',
      type: 'POST',
      dataType: 'json',
      data: $('#reply').serialize(),
      success: function(data) {
        $content.text(data); // Here you have to insert the received data.
        $content[0].scrollTop = $content[0].scrollHeight;
      },
      error: function(e) {
         //called when there is an error
         console.log('fail');
      }
    });

  },
  error: function(e) {
    //called when there is an error
    console.log('fail');
  }
});
}
</script>

帮助我使用此脚本的优秀绅士告诉我,我需要从system/sars_system.phpsystem/reply_system.php接收数据,这基本上是这样的:

<?
require 'db.php';

    $message = $_POST['message'];
    $conversation_id = $_POST['conversation_id'];
    $sarssystem = $_POST['sarssystem'];
    $user_id = $_POST['user_id'];

$usr_message = str_replace("'","\\'",$message);

mysqli_query($conn,"INSERT INTO ap_messages (message_id, message, sender_id, time_sent, time_read, conversation_id) 
VALUES ('','$usr_message','$user_id', NOW(), NOW(), '$conversation_id')");

mysqli_query($conn, "UPDATE ap_conversations SET time = NOW() WHERE conversation_id = '$conversation_id'");
echo json_encode('success');
?>

但是我有一个真正的大问题,试图弄清楚如何做到这一点,或者我甚至需要发回哪些数据,或者我如何编写进入当前脚本的数据?如果一切正常,最终的目的是每次运行这个Ajax脚本时自动启动将滚动条发送到页面的最底部?

1 个答案:

答案 0 :(得分:1)

ajax看起来正确,因为它已准备好接收数据。在php中,您可以将数据设置为您需要的任何数据,它可能是数据库调用的结果。这是将一些数据发送回ajax脚本的一个小例子。

$data = array(
     'status' => 'ok',
     'message' => 'Customer account saved',
);

return json_encode($data);

如果您知道如何在服务器上获取所需的任何数据,则可以对其进行编码并将其返回给客户端。

success方法将在ajax对象上运行。它传递数据,您可以引用和操作/使用它。您的代码看起来已经为此做好了准备:

success: function(data) { // <-- this is the data in json format from the server

    console.log("success");
    var $content = $(".list-group-message");

    $content.text(data); // Here you have to insert the received data.