javascript - 如何使用 JQUERY 从 JSON 数组对象获取数据？

Question

如何使用jquery从JSON数组对象中获取所有数据？
我之前尝试过，但我的代码只能从 JSON 对象获取数据。

这是我的 json 文件 student.json :

{"status":true,
  "offset":0,
  "limit":25,
  "total":2,
  "data":[
    { "id":231,
      "title":"mytitle1",
      "content":"myconten1",
      "created_at":"2017-07-10 03:56:32",
      "updated_at":"2017-07-10 03:56:32"
    },{ "id":230,
        "title":"mytitle2",
        "content":"mycontent2",
        "created_at":"2017-07-10 03:56:06",
        "updated_at":"2017-07-10 03:56:06"
    }]}

我的js脚本:

<script>
    $(document).ready(function(){
        $(function (){
            var $orders = $('#orders');
            $.ajax({
                type: 'GET',
                url: 'json/student.json',
                success: function(data) {
                    console.log('success', data);
                    $.each(data, function(i, dataentry){
                        $orders.append('<li>dataid: '+dataentry.id+'</li>');
                    });
                }
            });
        });

    });
</script>

Answer 1

所以首先，你不需要写这个:

$(document).ready(function(){  
             $(function (){

因为 $(function() (不带空格)是 $(document).ready(function()) 的缩写。

关于你的问题 - 我相信data是整个JSON，所以你需要提取data.data，所以我会这样写:

$(function (){
    var $orders = $('#orders');
    $.ajax({
        type: 'GET',
        url: 'json/student.json',
        success: function(response) {      // <= this is the change
            var data = response.data;      // <= going inside the data itself
            $.each(data, function(i, data){
                $orders.append('<li>dataid: '+data.id+'</li>');
            });

        }
    });
});