javascript - 如何从 PHP (JSON) 读取数组并通过 JS 填充少量输入

Question

我正在构建小型网络应用程序，我想要:

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

最后一个 Action 对我来说很难。

简单的 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>

Answer 1

使用JSON.parse()将 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>

或者，您也可以更改为 $.getJSON()因为它已经在内部处理解析了。