我想创建一个功能,我可以填充表从一个URL来访问数据。例如,“urlexample.php”存储阵列的数据访问
回答
您可以使用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
嗯,我可以看到现在的办法吧,谢谢!然而,网页即时试图访问以不同的形式非常多呈现,一个实际的例子{“ID”:“247963”,“商界”:“BIZ”,“地址”附近”,‘等级’:‘2’ ,“date”:“2013-14-05”,“postcode”:“213req”},所以它像一个数组,但没有像上面的示例链接那样清晰地布局。是可以改变的,还是有另一种访问方式这个? – randomwhiteguy
的答案与一些意见更新。您应该能够示例数据很容易地转化为你的使用情况(即value.business) – axlj
好吧,我改变周围的值以匹配在表中的值,但是IM仍未收到该数据回香港专业教育学院更新上面的代码,所以你可以看到我有什么 – randomwhiteguy
- 1. 访问阵列数据
- 2. 访问ctypes数据阵列
- 3. 访问Dropbox数据存储数据库
- 4. 访问NSMutable阵列中的数据
- 5. 为将来的访问存储数据
- 6. 数据不存储在阵列中
- 7. 如何存储混合阵列数据?
- 8. 访问URL和阵列从JSON数据
- 9. 访问变量阵列数据PHP
- 10. 访问数据阵列Laravel和狂饮
- 11. 如何访问阵列数据
- 12. 数据存储访问优化
- 13. 存储库与数据访问
- 14. 存储库模式和数据访问
- 15. App引擎数据存储访问
- 16. 从Azure存储blob访问元数据
- 17. 使用存储过程访问数据
- 18. 阵列:存储阵列中阵列
- 19. MATLAB从与存储在给定的数据矩阵阵列
- 20. 访问阵列
- 21. 访问阵列
- 22. 访问阵列
- 23. 的Python:在列表或阵列存储CSV数据
- 24. 访问对象的JSONB阵列阵列
- 25. 在MySQL中存储和访问巨大数据矩阵的最有效方法
- 26. 存储阵列的Python
- 27. 存储阵列到另一个阵列
- 28. 存储在阵列和打印阵列
- 29. phpmyadmin问题访问存储在表中的文本数据
- 30. AngularJS存储阵列在本地存储
这里有一个例子:https://开头jsonplaceholder.typicode.com/,你可以参考jQuery的API,以及:http://api.jquery.com/jquery.getjson/ – axlj