如何简单地将解析后的json数据从URL转换为wordpress widget html表

时间:2014-01-02 08:19:10

标签: javascript html json wordpress

您好我已经在互联网上搜索了大约几天,但我只是迷失在这个主题的深处。

我的目标是从此网址获取json数据:https://www.btcturk.com/api/ticker就是这样;

{"high":1565.01,"last":1536.90,"timestamp":1388632896.0,"bid":1540.0,"volume":50.76,"low":1534.00,"ask":1552.00}

我想以html表格式打印/显示/可视化一些值,如下所示;

<table border="1">
<tr>
<td>Alış (Bid): </td>
<td>bid value from json</td>
</tr>
<tr>
<td>Satış (Ask): </td>
<td>ask value from json</td>
</tr>
</table> 

请注意,column1是自定义文本,column2是相关的jason数据。

就是这样,我只想将所需的代码插入到Wordpress的HTML(文本)小部件中。

我甚至不确定是否需要插件才能执行此操作,或者如果我需要将 jquery.js 文件下载到我的服务器,则可以在外部读取它...

非常感谢任何帮助,建议,指导或任何形式的回复。

我提前感谢你们。

1 个答案:

答案 0 :(得分:0)

如果您要放置小部件的当前页面位于同一个域中,则可以将以下代码段用作text / html小部件“假设您的网页位于同一个域中https://www.btcturck.com

 <div class="result"></div>
 <script type="text/javascript">
  window.onload = function() {
    jQuery.ajax( {
       url: "https://www.btcturk.com/api/ticker",
    }). done(
    function( data ) {
       var data = JSON.parse(data);
       html = '<table><tr><td>BID</td><td>'+data.bid+'</td></table>';
       $('.result').html(html);
    });
 };
 </script>

我使用了窗口onload,因为我不知道你的jquery库什么时候加载。