无法实时加载聊天

时间:2017-11-02 04:12:22

标签: javascript php jquery mysql ajax

我创建了一个基本的聊天应用程序。 它显示了没有。用户登录时,您可以与其中任何人聊天。 但问题是新添加的接收器聊天没有显示,但它添加在mysql中,并在发送方显示消息。 请帮助我....

<?php
session_start();
?>
<html>  
      <head>  
           <title>Live Table Data Edit</title>  
           <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />  
           <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>  
           <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>  
      </head>  
      <body>  
           <div class="container">  
                <br />  
                <br />  
                <br />  
                <div class="table-responsive">  
                     <h3 align="center">You Are : <?php echo $_SESSION['name']; ?></h3><br />  
                     <div id="live_data"></div>                 
                </div>  
		        <div id="messages"></div> 
		        <div class="area" style="display:none">
		            <textarea id="text" name="text"></textarea>
		            <input type="submit" id="sub" name="sub" value="Send" />
		        </div>
           </div>  
		    
      </body>  
 </html>  
 <script>  
 $(document).ready(function(){  
      function fetch_data()  
      {  
           $.ajax({  
                url:"select.php",  
                method:"POST",  
                success:function(data){  
                     $('#live_data').html(data);  
                }  
           });  
      }  
      fetch_data();  
 
      $(document).on('click', '.first_name', function(){  
           var id=$(this).data("id1");  
		   fetch_chat();
			      function fetch_chat()  
					{  
						$.ajax({  
						url:"fetch_chat.php",  
						method:"POST",  
						data:{id:id},  
						dataType:"text",  
						success:function(data){  
						$('#messages').html(data);  
						$("div.area").show();
						}	  
					
					  });  
					}  
					
      
					$("#sub").off("click").on("click", function() {
					var text= $("#text").val();
					$.post('insert_chat.php',{id:id,msg:text},function(data){
					$("#messages").append(data);
					$("#text").val('');
					 });
				});

      });  
 });  
 </script>

0 个答案:

没有答案