Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何调用JSON url数据集(使用Ajax和jQuery)在Wordpress页面上创建一个完整的页面自更新图表显示?_Jquery_Ajax_Json_Wordpress_Url - Fatal编程技术网

如何调用JSON url数据集(使用Ajax和jQuery)在Wordpress页面上创建一个完整的页面自更新图表显示?

如何调用JSON url数据集(使用Ajax和jQuery)在Wordpress页面上创建一个完整的页面自更新图表显示?,jquery,ajax,json,wordpress,url,Jquery,Ajax,Json,Wordpress,Url,我下载了所有支持的插件,Wordpress不显示数据。下面是我用来将数据嵌入页面的代码: window.onload=函数{ jQuery.ajax{ 网址:http://api.bitcoincharts.com/v1/markets.json, }.完成 函数数据{ var data=JSON.parsedata; 有人能为我提供一些关于显示json url数据以创建wordpress页面的市场更新图表的指导吗?提前谢谢 以下是数据url API:您需要学习一些基础知识,因为标记和Jav

我下载了所有支持的插件,Wordpress不显示数据。下面是我用来将数据嵌入页面的代码:

window.onload=函数{ jQuery.ajax{ 网址:http://api.bitcoincharts.com/v1/markets.json, }.完成 函数数据{ var data=JSON.parsedata;

有人能为我提供一些关于显示json url数据以创建wordpress页面的市场更新图表的指导吗?提前谢谢


以下是数据url API:

您需要学习一些基础知识,因为标记和JavaScript语法都完全混乱

但是,您可以这样组织代码:

<div class="result"></div>
<script type="text/javascript">
window.onload = function() {
  jQuery.ajax({
    url: "http://api.bitcoincharts.com/v1/markets.json",
    type: "json"
  }).done(function( data ) {
    var data = JSON.parse(data);
    // put the code to populate #result element
  });
}
</script>

如果你想让函数重复,你需要设置一个setInterval,它会定期重新执行代码。

是的,我是jQuery和Ajax的新手。第一次尝试编写json url调用;非常感谢你的洞察力。没问题!一旦你打开了一个标记,你就不能再将HTML代码放在结束标记之前,但是你已经完成了将脚本语言JavaScript放在本例中。只是一个起点:
<script>
<div class="result"></div>
<script type="text/javascript">
window.onload = function() {
  jQuery.ajax({
    url: "http://api.bitcoincharts.com/v1/markets.json",
    type: "json"
  }).done(function( data ) {
    var data = JSON.parse(data);
    success: function( json ) {
           $.each(json, function(i, optionHtml){
              $('data').append(optionHtml);
         });
  });
}

function repeatMe(){
 $.ajax({
  url: 'url',
  dataType: 'json',
  cache: true,
  timeout: 30000,
  success: function(data) {
        $('#output ul').empty();
        $.each(data.posts, function(i,data){ 

            $('#output ul').append('<li><a href="'+data.image+'"><img class="thumb" src="'+data.image+'" alt="" /></a><h3>'+data.title+'</h3><p>'+data.text+'</p></li>');
            setTimeout(repeatMe, 5000);
        });
    },
    error: function(){
        $('#output ul').append('<li>Error');
        setTimeout(repeatMe, 5000);
    }
 });
}
</script>