jquery - 如何提取php返回的json数据并显示在列表中

Question

我有一个简单的 jquery ajax 表单提交。在提交我的 php 脚本回显的 json_decode($result)

这是我的 ajax 脚本

<script>
            $("#ajaxquery").live( "submit" , function(){
            // Intercept the form submission
            var formdata = $(this).serialize(); // Serialize all form data

            // Post data to your PHP processing script
            $.get( "getdata.php", formdata, function( data ) {
                // Act upon the data returned, setting it to #success <div>
                $("#success").html ( data );
            });

            return false; // Prevent the form from actually submitting
        });
    </script>

问题是数据以 json 格式显示。

目前我的输出是这样的：

[{"id":4,"comments":1,"likes":15,"books":3,"name":"steve"}] 

如何在列表中显示数据：-

<ul>
    <li>id</li>
    <li>name</li>
<ul>

或者有没有办法在变量中获取这些值？

Answer 1

您的成功方法可能如下所示。作为该方法的属性的数据应该已经是适当的 json 对象

success : function(data) {
            if (data[0].status === 'DONE') {
                console.log('Done');
            } else if (data[0].status === 'IN_PROGRESS') {
                console.log('In progress');
            } 
        }

Answer 2

你可能需要 json_decode()

请参阅http://nitschinger.at/Handling-JSON-like-a-boss-in-PHP 和http://php.net/manual/de/function.json-decode.php