聊天系统
顯示所有的信息
chat.html
<!DOCTYPE html><html> <head> <meta charset="UTF-8"><title></title><style>#button1{background:skyblue;border-radius:20px;width:100px;}</style><script>function showmessage(){var xhr=new XMLHttpRequest();xhr.open("GET","index.php?t="+new Date().getTime(),true);//xhr.send();xhr.onreadystatechange = function(){if(xhr.readyState==4){document.getElementById('div1').innerHTML = "";str = JSON.parse(xhr.responseText);console.log(str.length);var i=0;for(i;i<str.length;i++){document.getElementById('div1').innerHTML += str[i].receiver+"說："+str[i].con+"<br>";}}}} showmessage(); window.onload = function(){setInterval("showmessage()",2000); }</script></head> <body> <button id="button1">點擊</button> <input id="input1"> <div id="div1"></div></body> <script type="text/javascript">var inp1=document.getElementById("input1");document.getElementById("button1").onclick=function(){alert(inp1.value);var username = username;var password = password;var xhr = new XMLHttpRequest();xhr.onreadystatechange = function(){if(xhr.readyState==4) {}}xhr.open("GET",send.php,true);xhr.send();}</script> </html>index.php
<?php header("Content-type:application/json;charset=utf-8"); $link= mysqli_connect("localhost","root","");if(!$link){exit('數據庫連接失敗'); }mysqli_set_charset($link,'utf8');mysqli_select_db($link,'test');$sql = "SELECT * FROM `content` ";$obj = mysqli_query($link,$sql);while ($rows = mysqli_fetch_assoc($obj)){$info[] = $rows; }echo json_encode($info);插入所有的信息
chat.html
<!DOCTYPE html><html> <head> <meta charset="UTF-8"><title></title><style>#button1{background:skyblue;border-radius:20px;width:100px;}</style></head> <body> <button id="button1">點擊</button> <input id="input1"> <input id="input2"> <div id="div1"></div></body> <script type="text/javascript">document.getElementById("button1").onclick=function(){var div1 = document.getElementById("div1");var inp1=document.getElementById("input1");var inp2=document.getElementById("input2");var username = inp1.value;var con = inp2.value;var xhr = new XMLHttpRequest();xhr.onreadystatechange = function(){if(xhr.readyState==4) {div1.innerHTML = xhr.responseText;}}xhr.open("GET","send.php?username="+username+"&con="+con,true);xhr.send();}</script> </html>send.php
<?php $username = $_GET["username"]; $con = $_GET["con"];header("Content-type:application/json;charset=utf-8"); $link= mysqli_connect("localhost","root","");if(!$link){exit('數據庫連接失敗'); }mysqli_set_charset($link,'utf8'); mysqli_select_db($link,'test');$sql ="INSERT INTO `test`.`content` ( `receiver` , `con` ) VALUES ( '$username', '$con' ); ";$obj = mysqli_query($link,$sql);echo $username; echo $con;總結
- 上一篇： ajax读取文件未及时更新
- 下一篇： 日产汽车 9 月中国销量 63823 辆