javascript - AJAX GET 简单 PHP 多个变量

Question

我需要一种简单的方法来将多个 PHP 变量检索到 html div 中。我搜索了很多帖子，但没有找到答案。

我正在寻找这样的东西:

转到index.php

<?php
    $name = 'Jonh';
    $phone = '123456789';
    $details = 'Detail about';
?>

index.php

<div class="name">Your Name is : <?php echo $name; ?></div>
<div class="phone">Your Phone Number is : <?php echo $phone; ?></div>
<div class="details">Your Details are : <?php echo $details; ?></div>

我想通过 AJAX 调用而不是 echo 来获取它们。

正确的 AJAX REQUEST 语法是什么？

更新

我的坏处是我之前没有注意到，但忘了说我还需要一一加载调用。我的请求太多，需要花费很多时间。

查询 .each() 函数应该像我想要的那样工作吗？

Answer 1

在你的 PHP 中:

<?php
echo json_encode(Array(
    'name' => "John",
    'phone' => "1234567890",
    'details' => "Details about..."
));

您的 HTML:

<div class="name">Your Name is : <span class="name_value"></span></div>
<div class="phone">Your Phone Number is : <span class="phone_value"></span></div>
<div class="details">Your Details are : <span class="details_value"></span></div>

你的 jQuery:

$(document).ready(function(){
    $.getJSON('user-info.php',function(data){
        $(".name_value").html(data.name);
        $(".phone_value").html(data.phone);
        $(".details_value").html(data.details);
    });
});

注意:您需要将 user-info.php 字符串设置为获取用户信息的 PHP 脚本的 URL(相对或绝对)。