ajax php在div中打印值

我有一个表单，用户必须输入他们的预订id和姓氏。如果这两个值在数据库中匹配，那么我需要从数据库返回相应的值

到目前为止，一切似乎都正常。正在从数据库中检索正确的值。我想展示段落中的值。我只是不知道如何存档。单击按钮后将调用ValidateServation

这是我的密码：

<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.log(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.log(err);
} }); }

函数validateServation（）{
var reservation\u id=document.getElementById（“reservation\u id”）.value；
var guest\u last\u name=document.getElementById（“guest\u last\u name”）.value；
$.ajax({
键入：“POST”，
url:'test06.php'，
//数据类型：“json”，
数据：{
“预订id”：预订id，
“客人姓氏”：客人姓氏
}, 
成功：函数（json）{
log（json）；
$（'#reservation_id'）.val（json.reservation_id）；
$（'#guest_last_name'）.val（json.guest_last_name）；
$（'#guest_full_name'）.val（json.guest_full_name）；
$（'#单元号'）.val（json.unit号）；
$（'#floor'）.val（json.floor）；
$（'key_sa'）.val（json.key_sa）；
}, 
错误：函数（err）{
控制台日志（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();

?>

请使用.html（）而不是.val（）

您也可以在不使用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;

更新： 在success函数中将您的响应转换为json对象

var json = JSON.parse(json);

---

使用innerHTML，如下面的

document.getElementById（“来宾全名”）.innerHTML=“whateveryouwanttoshow
”我试过了，它得到“未定义”console.log返回什么？它返回{“reservation\u id”：xxx，“guest\u last\u name”：“test”，“guest\u full\u name”：“test test”，“unit\u number”：“unit 109”，“floor”：“1st”，“key\u sa”：A}在success函数中使用以下代码转换成json对象：var json=json.parse（json）；
var json = JSON.parse(json);