存储阵列的数据访问

Question

我想创建一个功能，我可以填充表从一个URL来访问数据。例如，“urlexample.php”

Answer 1

您可以使用jQuery的$.getJSON()功能从远程位置返回JSON数据。下面是使用此虚拟数据为例：http://jsonplaceholder.typicode.com/photos

const tableBody = $('#tblExample>tbody'); 

$.getJSON('http://jsonplaceholder.typicode.com/photos', function(data) { 
    //iterate over each json object in the json collection returned from the server 
    //value represents each individual object 
    //you can access the properties on the 'value' object using dot notation 
    $.each(data, function(key, value) { 
    //create a <tr/> object for your table 
    let row = $('<tr/>'); 
//set row values 
    $('<td/>', {html: value.title}).appendTo(row); 
    $('<td/>', {html: value.url}).appendTo(row); 
    row.appendTo(tableBody); 
    }); 
}); 

和HTML：

<table id="tblExample"> 
    <thead> 
    <th>Title</th><th>Url</> 
    </thead> 
    <tbody/> 
</table> 

这里你可以看到一个工作示例：http://codepen.io/anon/pen/WoZVG