Значения печати ajax php внутри div

У меня есть форма, в которой пользователь должен ввести свой идентификатор бронирования и фамилию. Если эти два значения совпадают в базе данных, мне нужно вернуть соответствующие значения из базы данных.

Пока вроде все работает. Правильные значения извлекаются из базы данных. Я хотел бы показать значения внутри абзацев. Я просто не знаю, как это заархивировать. ValidateReservation вызывается после нажатия кнопки.

Вот мой код:

<p id='guest_full_name'></p>
<p id='unit_number'></p>
<p id='floor'></p>

  <script>
function validateReservation(){
  var reservation_id = document.getElementById("reservation_id").value;
  var guest_last_name = document.getElementById("guest_last_name").value;

$.ajax({
type: 'POST',
url: 'test06.php',
// dataType: 'json',
data: {
    'reservation_id': reservation_id,
    'guest_last_name' : guest_last_name
}, 
success: function(json) {

    console.info(json);
    $('#reservation_id').val(json.reservation_id);
    $('#guest_last_name').val(json.guest_last_name);
    $('#guest_full_name').val(json.guest_full_name);
    $('#unit_number').val(json.unit_number);        
    $('#floor').val(json.floor);
    $('#key_sa').val(json.key_sa);
}, 
error: function(err) {
      console.info(err);
} }); }

test06.php

   <?php

$conn = mysqli_connect("","","","");

$reservation_id=$_POST['reservation_id'];
$guest_last_name=$_POST['guest_last_name'];

$stmt = $conn->prepare("SELECT reservation_id, guest_last_name, guest_full_name, unit_number, floor, key_sa FROM reservations2 INNER JOIN guest ON (reservations2.reservation_id=guest.reservation_idg) INNER JOIN unit USING (unit_id) WHERE reservation_id=? AND guest_last_name=?");
$stmt->bind_param("ss", $reservation_id, $guest_last_name);
$stmt->execute();
$stmt->bind_result($reservation_id, $guest_last_name, $guest_full_name, $unit_number,  $floor, $key_sa);
if ($stmt->errno) {
    die("Query failed to execute: " . $stmt->error);
}
if ($stmt->fetch()) {
    echo json_encode(array("reservation_id" => $reservation_id, 
                           "guest_last_name" => $guest_last_name,  
                           "guest_full_name" => $guest_full_name,  
                           "unit_number" => $unit_number,  
                           "floor" => $floor,  
                           "key_sa" => $key_sa));
} else {
    echo "No matching rows returned.";
}
$stmt->close();

?>

Используйте innerHTML, например document.getElementById("guest_full_name").innerHTML = "<p>whateveryouwanttoshow</p>";

executable 09.07.2018 12:12

Я пробовал это, получилось "undefined"

amina90 09.07.2018 12:17

Что возвращает console.info?

executable 09.07.2018 12:18

Он возвращает {"reserve_id": xxx, "guest_last_name": "test", "guest_full_n‌ ame": "test test", "unit_number": "Apartment 109", "floor": "1st", "key_sa": A }

amina90 09.07.2018 12:20
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Symfony Station Communiqué - 7 июля 2023 г
Symfony Station Communiqué - 7 июля 2023 г
Это коммюнике первоначально появилось на Symfony Station .
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Установка и настройка Nginx и PHP на Ubuntu-сервере
Установка и настройка Nginx и PHP на Ubuntu-сервере
В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Как установить PHP на Mac
Как установить PHP на Mac
PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...
0
4
55
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Пожалуйста, используйте .html () вместо .val ()

$('#guest_full_name').html(json.guest_full_name);
$('#unit_number').html(json.unit_number);   
$('#floor').html(json.floor);

Вы также можете использовать приведенный ниже код без jQuery

document.getElementById('guest_full_name').innerHTML = json.guest_full_name;
document.getElementById('unit_number').innerHTML = json.unit_number;
document.getElementById('floor').innerHTML = json.floor;

ОБНОВИТЬ: Преобразуйте свой ответ в объект json в функции успеха,

var json = JSON.parse(json);

Используйте приведенный ниже код в своей функции успеха для преобразования в объект json: var json = JSON.parse (json);

Praveen 09.07.2018 12:22

Другие вопросы по теме