Javascript 如何从PHP（JSON）读取数组并通过JS填充少量输入

我正在构建小型web应用程序，我想：

• 从用户输入读取变量
• 当用户单击链接时，通过AJAX将此变量传递给PHP
• 接收数组（JSON）
• 解析数组并将其填充到两个输入值中

最后一个动作对我来说很难

简单的PHP示例：

<?php
$array = array("name" => "James", "surname" => "Bond");
echo json_encode($array);
?>

我的HTML类似于：

    <script>
        $(document).ready(function(){
            $("#click_me").click(function(){
                $.post('127.0.0.1/read_from_php/', {
                    my_var : $("#my_var").val()
                }, function(data) {
                    //how to read and parse JSON from PHP here
                    //and put name and surname as a input value below:
                    $('#name').val(data);
                    $('#surname').val(data);
                });
            });
        });
    </script>

<input type="text" id="my_var" name="my_var" value="">
<a href="#" id="click_me">Click to read from PHP</a>

<div id="my_div">.. loading ..
   <input type="text" name="name"    id="name"    value="name"/>
   <input type="text" name="surname" id="surname" value="surname"/>
</div>

$（文档）.ready（函数（）{
$（“#单击我”）。单击（函数（）{
$.post（'127.0.0.1/read_from_php/'{
我的变量：$（“#我的变量”）.val（）
}，函数（数据）{
//这里如何从PHP读取和解析JSON
//并将姓名和姓氏作为以下输入值：
$（'#name'）.val（数据）；
$（'姓'）.val（数据）；
});
});
});
.. 加载。。

用于将json字符串转换为对象：

<script>
    $(document).ready(function(){
        $("#click_me").click(function(){
            $.post('127.0.0.1/read_from_php/', {
                my_var : $("#my_var").val()
            }, function(data) {
                var person = JSON.parse(data);
                $('#name').val(person.name);
                $('#surname').val(person.surname);
            });
        });
    });
</script>

$（文档）.ready（函数（）{
$（“#单击我”）。单击（函数（）{
$.post（'127.0.0.1/read_from_php/'{
我的变量：$（“#我的变量”）.val（）
}，函数（数据）{
var person=JSON.parse（数据）；
$（'#name'）.val（person.name）；
$（'姓'）.val（人.姓）；
});
});
});

或者，您也可以更改为，因为它已经在内部处理解析了

var obj = jQuery.parseJSON(json_data);

之后，你可以随心所欲地使用它。 姓名

使用PHP呈现JSON时，设置正确的内容类型标题

<?php
$array = array("name" => "James", "surname" => "Bond");
header('Content-Type: application/json');
echo json_encode($array);
?>

---

乐于助人，别忘了标记答案以帮助他人P

<script>
    $(document).ready(function(){
        $("#click_me").click(function(){
            $.post(
                '127.0.0.1/read_from_php/',
                {
                    my_var : $("#my_var").val()
                },
                function(data) {
                    //how to read and parse JSON from PHP here
                    //and put name and surname as a input value below:
                    $('#name').val(data.name);
                    $('#surname').val(data.surname);
                },
                'json'
            );
        });
    });
</script>