Как я могу получить запись из моей базы данных, используя ajax и jquery?

Question

Я пытаюсь получить записи из моей базы данных, используя кнопку без обновления страницы. Я не знаком с AJAX, и мне было трудно заставить его работать. Вот что у меня так далеко. любая помощь будет оценена, спасибо

<h3>Avaiable assignments</h3><br>
<script>
 $(document).ready(function () {
$('#button1').click(function (e) {
    e.preventDefault();
    $.ajax({
        type: "GET",
        url: "getItem.php",
        dataType: "html",
        success: function (msg) {
            if (msg.success) {
            $("#responsecontainer").html(msg);
        } else {
            alert("error");
        }
    }
    });
  });
});

<br>
 <input name="button1" type="submit" id="button1" 
value="Picked" />

my getItem.php

<?php
include("connect.php");
$q = intval($_GET['q']);


if (!$con) {
    die('Could not connect: ' . mysqli_error($con));
}

mysqli_select_db($con,"items");
$sql="SELECT * FROM items WHERE LIMIT 1 OFFSET 1";
$result = mysqli_query($con,$sql);


while($row = mysqli_fetch_array($result))
{
echo $row['items'];
}

mysqli_close($con);
?>

Answer 1

Лучше всего начать с вкладки Сеть в инструментах разработчика браузера. Там вы можете увидеть исходящий запрос и то, что он возвращается с .

Откройте вашу форму в браузере и запустите событие click. Затем найдите запрос к getItem.php и посмотрите на его ответ . Если это не то, что вы ожидаете, установите getItem.php на echo 'hello' и умрите; если вкладка сети не показывает «привет» в ответе, это означает, что вы не достигли конечной точки. Если вы видите «привет», поздравляю, вы близки!

С точки зрения вашей фактической конечной точки, я вижу, что вы неоднократно повторяете результаты вашего запроса. Это не самый полезный способ сделать это. Вместо этого json_encode весь набор результатов, повторить его и убить скрипт . Это вернет все строки вашей таблицы в виде массива JSON, который затем может быть прочитан javascript обратно на стороне клиента. . Я надеюсь, что все это поможет!