使用Jquery.GetJSON在Word /中使用HTML / JS中的JSON文件显示数字?

时间:2015-10-20 04:46:06

标签: javascript jquery json ajax wordpress

我见过类似的问题,但答案对我来说还没有起作用。

我有address.

的JSON代码

我正在尝试显示" value_sell"和" value_buy:"来自"官方"的对象和"蓝"。在Wordpress中,我将以下代码放在自定义Javascript框中:

jQuery(function() {
    jQuery.getJSON( “http://api.bluelytics.com.ar/v2/latest?callback=?”,function( data ) {
        jQuery(‘#blue_bid’).text(data.blue.value_buy.toFixed(2));
        jQuery(‘#blue_ask’).text(data.blue.value_sell.toFixed(2));
        jQuery(‘#official_bid’).text(data.oficial.value_buy.toFixed(2));
        jQuery(‘#official_ask’).text(data.oficial.value_sell.toFixed(2));
    });
});'

以下是使用变量显示值的HTML表,但它不显示任何内容:

<aside class="widget wbluedollar">
<table width=200 cellpadding=3 bordercolor=white border=none>

<tr width=200>
<td style="background: linear-gradient(blue, #0000bb);color:white;" width="100">
<div style="color:#FFFFFF; font-size:.8em;">Dollar Blue</div>
</td>
<td style="background: linear-gradient(#00bb00, green);color:white;" width="100">
<div style="color:#FFFFFF; font-size:.8em;">Dollar Official</div>
<tr>
<td>
<div style="color:#0000bb; font-size:.8em;">BUY: <span id="blue_bid">
<br>SELL: <span id="blue_ask">
</div></td>
<td>
<div style="color:#00bb00; font-size:.8em;">BUY: <span id="official_bid>
<br>SELL: <span id="official_ask"></div></td>
<tr>
<td>
<div style="color:grey; font-size:.7em;">Powered by 
<a href=http://bluelytics.com.ar/>Bluelytics</a>
</div></td>
</table>

有关问题出在何处的任何建议?

谢谢!

1 个答案:

答案 0 :(得分:0)

使用正确的引号,正确关闭dom元素

    

<tr width=200>
<td style="background: linear-gradient(blue, #0000bb);color:white;" width="100">
<div style="color:#FFFFFF; font-size:.8em;">Dollar Blue</div>
</td>
<td style="background: linear-gradient(#00bb00, green);color:white;" 

    width="100">
    <div style="color:#FFFFFF; font-size:.8em;">Dollar Official</div>
    <tr>
    <td>
        <div style="color:#0000bb; font-size:.8em;">BUY: <span id="blue_bid"></span>
            <br>SELL: <span id="blue_ask"></span>
    </div></td>
    <td>
        <div style="color:#00bb00; font-size:.8em;">BUY: <span id="official_bid"></span>
    <br>SELL: <span id="official_ask"></div></td>
    <tr>
    <td>
    <div style="color:grey; font-size:.7em;">Powered by 
    <a href=http://bluelytics.com.ar/>Bluelytics</a>
    </div></td>
    </table>

JS:

jQuery(function() {
    jQuery.getJSON( "http://api.bluelytics.com.ar/v2/latest?callback=?",function( data ) {
        jQuery("#blue_bid").text(data.blue.value_buy.toFixed(2));
        jQuery("#blue_ask").text(data.blue.value_sell.toFixed(2));
        jQuery("#official_bid").text(data.oficial.value_buy.toFixed(2));
        jQuery("#official_ask").text(data.oficial.value_sell.toFixed(2));
    });
});

Jsfiddle:http://jsfiddle.net/vr9e619k/