У меня проблема с отображением данных с помощью запроса AJAX при использовании кнопки поиска.Я проверяю searchuser.php вручную, и он показывает правильный результат.Но когда я передаю запрос в AJAX, в моем html нет отображения.Я хотел отобразить все данные в моем searchuser.php в моем html table коде, используя это.
<table class="view_users" id="show_users">
</table>
Именно здесь я хотел бы отобразить все данные в ID выше в моемтаблица show_users ID.Но до сих пор нет результатов, когда я попробовал.Есть ли проблемы с использованием AJAX-запроса?Пожалуйста, помогите.
Ниже приведены коды, например:
HTML
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>...</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<form method="post">
<input type="text" name="searchtypeuser" placeholder="Search..." class="searchtext">
<input type="submit" name="submit" class="searchuser" id="usersearching" value="Search">
</form>
<div class="user_list">
<table class="view_users" id="show_users">
</table>
</div>
</body>
<script src="js/jquery-2.1.1.min.js"></script>
</html>
PHP
<?php
include "includes/connection.php";
if(isset($_POST['searchtypeuser'])) {
$searchuser = mysqli_real_escape_string($connection, $_POST['searchtypeuser']);
$searchuser = preg_replace("#[^0-9a-z]#i","",$searchuser);
$sql = $connection->prepare("SELECT * FROM user WHERE firstname LIKE '%$searchuser%' or lastname LIKE '%$searchuser%'");
$sql->execute(); // execute query
$result = $sql->get_result(); // fetch result
if ($result->num_rows > 0) {
echo "<tr><th>User ID</th><th>Email</th><th>Fullname</th><th>Phone Number</th></tr>";
// output data of each row
while($row = $result->fetch_assoc()) {
echo "<tr><td>" .$row["id"]. "</td><td>" .$row["email"]. "</td><td>" .$row["lastname"]. ", " .$row["firstname"]. "</td><td>" .$row["phonenumber"]. "</td></tr>";
}
} else {
echo "0 results";
}
}
?>
AJAX / JS
$(document).ready(function () {
$("#usersearching").click(function () {
$.ajax({
method: "post",
url: "searchuser.php",
data: $('#show_users').serialize(),
dataType: "html",
success: function (response) {
$("#show_users").html(response);
}
});
});
});