ajax从php页面和mysqli加载数据
我有一个包含ajax从php页面和mysqli加载数据,php,ajax,mysqli,load,Php,Ajax,Mysqli,Load,我有一个包含x变量信息的数据库。我希望有一个php页面，通过ajax和我的phpapi页面从mysqli加载数据。所以 我创建了我的数据库，它每1分钟就填满一次。 我创建了一个php页面，该页面从mysqli加载数据并使用 这是我的php页面，它从mysqli加载数据，并且工作正常 这是myphpapi.phppage <?php $con = mysqli_connect("x.x.x.x","boob","booob"); if (!$con) { die('Could no
xmyphpapi.php<?php
$con = mysqli_connect("x.x.x.x","boob","booob");
if (!$con)
{
die('Could not connect: ' . mysqli_error());
}
mysqli_select_db($con,"sss");
$sql = "SELECT `x` FROM ddd order by id desc limit 1";
$result = mysqli_query($con,$sql);
$result = mysqli_fetch_assoc($result);
$output = json_encode($result);
echo $output;
mysqli_close($con);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ajax test</title>
</head>
<body>
<h1>
this is ajax test
</h1>
<div id="main">
</div>
<button type="button" id="ajax_button">click me</button>
<script>
replaceText();
function replaceText() {
var target = document.getElementById("main");
var xhr = new XMLHttpRequest();
xhr.open('GET', 'myphpapi.php', true);
xhr.onreadystatechange = function () {
if (xhr.readyState == 2) {
target.innerHTML = 'loading . . . .';
}
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(xhr.responseText);
var json = JSON.parse(xhr.responseText);
target.innerHTML = json;
}
xhr.send();
}
}
var button = document.getElementById("ajax_button");
button.addEventListener("click",replaceText);
</script>
</body>
</html>
ajax测试
这是ajax测试
点击我
replaceText（）；
函数replaceText（）{
var target=document.getElementById（“主”）；
var xhr=new XMLHttpRequest（）；
open（'GET'，'myphpapi.php'，true）；
xhr.onreadystatechange=函数（）{
if（xhr.readyState==2）{
target.innerHTML='loading….'；
}
如果（xhr.readyState==4&&xhr.status==200）{
console.log（xhr.responseText）；
var json=json.parse（xhr.responseText）；
target.innerHTML=json；
}
xhr.send（）；
}
}
var button=document.getElementById（“ajax_按钮”）；
按钮。addEventListener（“单击”，替换文本）；
sendonreadystatechangeJSON所指出的那样。parsefunction replaceText() {
var target = document.getElementById("main");
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState == 2) {
target.innerHTML = 'loading . . . .';
}
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(xhr.responseText);
var json = JSON.parse(xhr.responseText);
target.innerHTML = json;
}
}
xhr.open('GET', 'myphpapi.php', true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
xhr.send();
}
JavaScript控制台中是否有错误？您是否检查了网络选项卡中的响应以查看JSON是否返回？请注意，即使这样做有效，它也只会在DIV中显示
[Object Object]JSON.parse（）xtarget.innerHTML=json.xreadystatechangesend