У меня есть база данных, которая содержит информацию для переменной x. Я хочу иметь страницу php, которая загружает данные из mysqli с помощью ajax и моей страницы phpapi. так
Я создаю свою базу данных, и она заполняется каждые 1 минуту.
Я создаю страницу php, которая загружает данные из mysqli и выводит
это моя php-страница, которая загружает данные из моего mysqli и работает правильно
это myphpapi.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);
?>
эта часть работает хорошо, но у меня есть другая php-страница, содержащая ajax. Когда я нажимаю кнопку, ничего не происходит
помогите пожалуйста
<!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>