显示所有的信息
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;