Fatal编程技术网
  • javascript/
  • Javascript 如何使用AJAX为回复发送单独的表单数据？

Javascript 如何使用AJAX为回复发送单独的表单数据？

javascript php html

Javascript 如何使用AJAX为回复发送单独的表单数据？,javascript,php,html,Javascript,Php,Html,我的网站上安装了一个消息系统。对于用户收到的每条消息，我希望有一个回复表单，它知道如何回复发送原始消息的人 我可以获取要显示的表单和要发送的消息，但答复将发送给发送上次收到的消息的用户，而不是发送已发布消息的用户 HTML和Javascript: <!–– INBOX START ––> <div id="navitem1" onclick="navitem1(event)" class="navitem1"><i class="fa fa-e

我的网站上安装了一个消息系统。对于用户收到的每条消息，我希望有一个回复表单，它知道如何回复发送原始消息的人

我可以获取要显示的表单和要发送的消息，但答复将发送给发送上次收到的消息的用户，而不是发送已发布消息的用户

HTML和Javascript:

<!–– INBOX START ––>

          <div id="navitem1" onclick="navitem1(event)" class="navitem1"><i class="fa fa-envelope fa-lg" id="navicon"></i><div class="redball"><div class="message_count"></div></div><p class="text">Inbox</p>

          </div>

          <div id="navitem1dropdown" class="navitem1content">
              <h3>Inbox</h3>
              <div class="sectionheader2"></div>
              <div class="inboxscroll">

              </div>

          </div>

<script type="text/javascript">
$(document).ready(function(){

$('.message_count').html('0');


 function load_unseen_messages(viewmsg = '')
 {
  $.ajax({
   url:"inbox.php",
   method:"POST",
   data:{viewmsg:viewmsg},
   dataType:"json",
   success:function(data)
   {
    $('.inboxscroll').html(data.messagehtml);
    if(data.message_count > 0)
    {
     $('.message_count').html(data.message_count);
    }
   }
  });
 }

 load_unseen_messages();

 $(document).on('click', '.navitem1', function(){
  $('.message_count').html('0');
  load_unseen_messages('yes');
 });

 setInterval(function(){ 
  load_unseen_messages();; 
 }, 5000);

});
</script>

<script>

$('#inboxForm').submit(function(){$('input[type=submit]', this).attr('disabled','disabled');});
  function replyPM(){
    var pmTextArea = $("#pmTextArea");
    var sendName = $("#pm_send_name");
    var sendID = $("#pm_send_id");
    var receiveName = $("#pm_receive_name");
    var receiveID = $("#pm_receive_id");
    var timesent = $("#pm_timesent");
    var url = "messages.php";

    $.post(url,{ message: pmTextArea.val(), sendername: sendName.val(), senderid: sendID.val(), recname: receiveName.val(), recID: receiveID.val(), time: timesent.val()  },    function(data){
      $("#interaction").html('Message sent successfully.').show().fadeOut(5000);
      document.inboxForm.pmTextArea.value='';
      });

  }

</script>


收件箱

收件箱
$（文档）.ready（函数（）{
$（'.message_count'）.html（'0'）；
函数加载\未查看\消息（viewmsg=''）
{
$.ajax({
url:“inbox.php”，
方法：“张贴”，
数据：{viewmsg:viewmsg}，
数据类型：“json”，
成功：功能（数据）
{
$（'.inboxscroll'）.html（data.messagehtml）；
如果（data.message_count>0）
{
$（'.message_count'）.html（data.message_count）；
}
}
});
}
加载未查看的消息（）；
$（文档）.on（'单击'，'.navitem1'，函数（）{
$（'.message_count'）.html（'0'）；
加载未看到的消息（“是”）；
});
setInterval（函数（）{
加载未看到的消息（）；；
}, 5000);
});
$（'#inboxForm'）.submit（函数（）{$（'input[type=submit]'，this.attr（'disabled'，'disabled'）；}）；
函数replyPM（）{
var pmTextArea=$（“#pmTextArea”）；
var sendName=$（“#pm#u send_name”）；
var sendID=$（“#pm#u send_id”）；
var receiveName=$（“#pm_receive_name”）；
var receiveID=$（“#pm_receiveID”）；
var timesent=$（“#pm#u timesent”）；
var url=“messages.php”；
$.post（url，{message:pmTextArea.val（），sendername:sendName.val（），senderid:sendID.val（），recname:receiveName.val（），recID:receiveID.val（），time:timesent.val（），函数（数据）{
$（“#交互”）.html（'消息已成功发送'）.show（）.fadeOut（5000）；
document.inboxForm.pmTextArea.value=''；
});
}
PHP:

<?php
session_start();
require_once 'class.channel.php';

$user_inbox = new USER();

$user_id = $_SESSION['userID'];
$user_name = $_SESSION['userName'];

if(isset($_POST["viewmsg"]))
{

if($_POST["viewmsg"] != '')
{
$stmt = $user_inbox->runQuery("UPDATE inbox SET status = 1 WHERE receive_id = ?");
$stmt->bindValue(1,$user_id);
$stmt->execute();
}

$stmt = $user_inbox->runQuery("SELECT * FROM inbox WHERE receive_id= ? ORDER BY id DESC LIMIT 50");
$stmt->bindValue(1,$user_id);
$stmt->execute();
$messages = $stmt->fetchAll(PDO::FETCH_ASSOC);

$messagehtml = '';

if(count($messages) > 0)
 {
  foreach($messages as $message)
  {


  $messagehtml .= '


<div class="inboxsection"><h6>From:&nbsp'.$message["send_name"].'</h6><h6>'.$message["timesent"].'</h6><h6>Message:&nbsp</h6><img src="images/preview2.jpg" height="100%" width="100%" class="inboxvid">
  <h7>'.$message["comment"].'</h7>
<div style="clear:both;"><br><button id="reply" class="button" onclick="inboxmessage(event)">Reply</button>&nbsp<button id="archive" class="button">Archive</button>&nbsp<button id="delete" class="button">Delete</button></div>
</div>
  <div id="inboxmessage" class="messagearea">

  <form action="javascript:replyPM();" name="inboxForm" id="inboxForm" method="post">

                <input name="pm_send_id" id="pm_send_id" type="hidden" value="'.$user_id.'" />
                <input name="pm_send_name" id="pm_send_name" type="hidden" value="'.$user_name.'" />
                <input name="pm_receive_id" id="pm_receive_id" type="hidden" value="'.$message["send_id"].'" />
                <input name="pm_receive_name" id="pm_receive_name" type="hidden" value="'.$message["send_name"].'" />
                <input name="pm_timesent" id="pm_timesent" type="hidden" value="" />               

                <div id="interaction"></div>
                <br>
                <p style="color:#fff;">Message:</p>
                <textarea name="pmTextArea" id="pmTextArea"></textarea>
                <p style="color:#fff;">Attach A Video:</p>
                <input name="pmSubmit" type="submit" value="Submit" />
  </form>

  </div>

<div class="sectionheader3"></div>
   ';

  }
 }
 else
 {
  $messagehtml .= '<div><h2 style="color: #4b8ed3; padding: 10px;">No Messages Found<h2></div>';
 }

$count = $user_inbox->runQuery("SELECT * FROM inbox WHERE receive_id= ? AND status= 0");
$count->bindValue(1,$user_id);
$count->execute();
$countresult = $count->fetchAll(PDO::FETCH_NUM);

if(count($countresult) > 0){
  $message_count = count($countresult);
}
else{
  $message_count = 0;
}

header('Content-type: application/json');
$inbox_array = array('messagehtml'=>$messagehtml,'message_count'=>$message_count);
echo json_encode($inbox_array);

}
?>

在创建/插入回复时，有一个类似于
parentId
的引用字段，该字段将引用被回复的原始邮件

如果您有一个用户表的引用列，那么就可以使用它来获取用户的信息。ex
createdBy

我可以更新这个答案，如果你给出你的
收件箱
表格的列列表，我会给你更多的细节

获取已发布邮件的主ID

根据您的桌子设计，我会这样做：


$postedMessageId = $_GET['id'];// you can pass the id however you want.this is just a sample

INSERT INTO inbox ("parentId","comment",....) VALUES ( <postedMessageId>, <comment>,.... )



$postedMessageId=$\u GET['id']；//您可以随意传递id。这只是一个示例
在收件箱中插入（“父ID”、“注释”、…）值（、…）



现在，您可以使用JOIN，使用
parentId
列引用所有回复。
在创建/插入回复时，有一个类似
parentId
的引用字段，它将引用被回复的原始邮件

如果您有一个用户表的引用列，那么就可以使用它来获取用户的信息。ex
createdBy

我可以更新这个答案，如果你给出你的
收件箱
表格的列列表，我会给你更多的细节

获取已发布邮件的主ID

根据您的桌子设计，我会这样做：


$postedMessageId = $_GET['id'];// you can pass the id however you want.this is just a sample

INSERT INTO inbox ("parentId","comment",....) VALUES ( <postedMessageId>, <comment>,.... )



$postedMessageId=$\u GET['id']；//您可以随意传递id。这只是一个示例
在收件箱中插入（“父ID”、“注释”、…）值（、…）



现在，您可以通过使用JOIN，使用parentId列引用所有回复。
“但是回复默认为收到的最后一封邮件，而不是发布的邮件。”。。您可以对此进行进一步的扩展吗？本质上，回复将发送给发送上次收到的消息的用户，而不是发送已发布消息的用户。在javascript函数replyPM（）中，您引用的是元素ID。这些应该是独一无二的。如果您在页面上复制ID，则将使用该ID的第一个实例的值“但回复默认为收到的最后一条消息，而不是发布的消息”。。您可以对此进行进一步的扩展吗？本质上，回复将发送给发送上次收到的消息的用户，而不是发送已发布消息的用户。在javascript函数replyPM（）中，您引用的是元素ID。这些应该是独一无二的。如果您在页面上复制ID，则该ID的第一个实例中的值将被使用。收件箱的
列为
ID、send\u ID、receive\u ID、status、timesent、comment、send\u name、rec\u name
。我不确定引用字段是什么意思，但据我所知，我需要此表单的每个实例都有一个唯一的id？始终获取已发布消息的主键。这是您在将回复插入表时需要包含的唯一ID。谢谢标记。由于表单数据只想发送到第一个收件箱消息，有没有办法将这些ID附加到表单本身？换句话说，我需要一种方法为每个回复创建一个唯一的表单，而无需在ajax post函数上重复表单html 50多次。包括要回复的已发布邮件的ID<代码>url:“inbox.php？id=“+id，
比你能捕捉到的还要多。使用
$\u GET['id']
好的，
收件箱
的列包括
id、send\u id、receive\u id、status、timesent、comment、send\u name、rec\u name
。我不确定引用字段是什么意思，但据我所知，我需要此表单的每个实例都有一个唯一的id？始终获取已发布消息的主键。这是您在将回复插入表时需要包含的唯一ID。谢谢标记。由于表单数据只想发送到第一个收件箱消息，有没有办法将这些ID附加到表单本身？换句话说，我需要一种方法为每个回复创建一个唯一的表单，而无需在ajax post函数上重复表单html 50多次。包括已发布邮件的ID