来自外部JSON提要的动态数据表

时间:2016-03-30 作者:JMDR

首先,虽然我对代码很熟悉,但我对Wordpress开发、JS和PHP也很陌生,所以如果这不是很好的解释,或者是一个真正的新手类型的问题,请原谅我。

我想从这个JSON提要添加数据:http://ebird.org/ws1.1/data/obs/geo/recent?lng=-112.53&lat=53.38&dist=10&back=30&maxResults=500&locale=en_US&fmt=json (通过搜索“eBird API 1.1”编制文档)输入到具有“Common Name”、“How Number”、“Date”和“Location Name”列的表中。我还希望能够使用jquery dataTables“美化表格”,以便人们可以排序/搜索/分页。

我还有两个拓展目标:1。将位置名称链接到json提要中提供的lat/lng的谷歌地图,例如:<td><a href="http://maps.google.ca/maps?f=d&daddr=\' $data[\'lat\'] \',\' $data[\'lng\'] \'&z=8" target="_blank">\'$data[\'locName\']\'</a><td>\'

和2。如果人们能够从下拉列表中选择距离和日期值,从json提要加载不同的结果(例如,dist=10/25/50和back=7/14/30),那就太棒了。

我正在处理的页面当前位于http://djmdesign.ca/bbo/updates/sightings/ 但会转移到beaverhillbirds。com/更新/浏览/查看。我一直在尝试让插件为我做这件事,但没有成功(我目前有一个静态表,显示了所需结果的大致想法),还对BeaverHillbird做了一些草稿。com/jsonfeed。html和jsonfeed2。html。

非常感谢所有的指点/建议/智慧/代码!

1 个回复
SO网友:Ashok G

对于第一个问题,您可以在github中尝试以下要点

https://gist.github.com/phpkidindia/a448e9b8132d3634bdebfa70a8d20c03

对于第二个选项,您应该创建一个包含两个字段date和distance的表单,在这两个字段的更改事件上,您应该创建ajax请求。并将结果绑定到数据表。

希望这有帮助。

相关推荐

我在通过AJAX调用wp-json端点时收到401

N.B. Resolved - I hadn\'t noticed it was a POST rather than a GET.我正在尝试使用来自前端页面的AJAX调用来提取列表;“员工”;(自定义帖子类型)。我可以通过wp-json/wp/v2/staff在浏览器中获取数据,但当我尝试通过AJAX获取数据时,我会得到401。我假设我需要以某种方式进行身份验证,但无法确定如何进行身份验证。提前谢谢。