Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.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
Jquery 如何根据URL参数(年份)显示JSON数据(如果是2015年,2015年数据只显示不显示2016年数据)_Jquery_Json_Html_Mustache_Intel Xdk - Fatal编程技术网

Jquery 如何根据URL参数(年份)显示JSON数据(如果是2015年,2015年数据只显示不显示2016年数据)

Jquery 如何根据URL参数(年份)显示JSON数据(如果是2015年,2015年数据只显示不显示2016年数据),jquery,json,html,mustache,intel-xdk,Jquery,Json,Html,Mustache,Intel Xdk,我正在使用Intel xdk创建混合应用程序,我正在使用jQuery Mobile for UI,我正在尝试将我的JSON数据显示到我的标签中,首先让我告诉您我需要如何进行UI设计。我有两个按钮(递增、递减),在这两个按钮之间我有一个标签。对于EX:让我们考虑将标签值设置为“2015”(当前年),如果我点击增量按钮,我的值正在增加,比如20162017等等。与减量按钮相同,如果单击,值将转到20142013,依此类推。这是我的标题界面设计,好吧,让我来看看内容端,在内容端,我将根据上面的年份显示

我正在使用Intel xdk创建混合应用程序,我正在使用jQuery Mobile for UI,我正在尝试将我的JSON数据显示到我的标签中,首先让我告诉您我需要如何进行UI设计。我有两个按钮(递增、递减),在这两个按钮之间我有一个标签。对于EX:让我们考虑将标签值设置为“2015”(当前年),如果我点击增量按钮,我的值正在增加,比如20162017等等。与减量按钮相同,如果单击,值将转到20142013,依此类推。这是我的标题界面设计,好吧,让我来看看内容端,在内容端,我将根据上面的年份显示URL中的JSON数据,例如:假设2015年在我的标签中,我只需要在我的内容div标签中显示2015年的数据(“运动日”指我下面的(消息)JSON)。现在,如果我使用递增按钮递增2016,我必须在同一内容页中仅显示2016年数据(“文化”指我下面的(消息)json),而不应显示以前的值数据(2015年数据)。我附上我的要求图片,我需要如何只检查这两个链接

这是我的URL Json数据(2015年数据)

这是我的URL Json数据(2016年数据)

现在我在同一个页面中获取数据,这意味着在单击“增量”按钮时,2015年数据和2016年数据将显示在同一个页面中。我想单独显示2016年数据,不包括2015年数据。我使用mustache概念来显示JSON数据

//this function is for getting json data from URL 
 $.fn.myFunction = function() { 

    $.getJSON(url,  function(data){

       for (var i=0, len=data.circular.length; i < len; i++) {

           output = data.circular[i];

            alert(output.message);

       }
             //this is for displaying json data     
              var template =$('#sharesTemplate').html();
             //data.circular is my json data
              var html = Mustache.to_html(template,data.circular);
              $('#samplearea1').append(html).appendTo(this);

           });
      } 
//此函数用于从URL获取json数据
$.fn.myFunction=function(){
$.getJSON(url、函数(数据){
对于(变量i=0,len=data.circular.length;i
这是我动态显示JSON数据的小胡子代码

       <div id="samplearea1"></div>
        <script id="sharesTemplate" type="text/template">

            {{#.}}

            <h1>{{message}}</h1>

            {{/.}}

        </script> 

{{#.}}
{{message}}
{{/.}}

@Amal Dev您能回答我的问题吗?我看到2016部分的日期是“2015-04-17”;可能是“2016-04-17”?
//this function is for getting json data from URL 
 $.fn.myFunction = function() { 

    $.getJSON(url,  function(data){

       for (var i=0, len=data.circular.length; i < len; i++) {

           output = data.circular[i];

            alert(output.message);

       }
             //this is for displaying json data     
              var template =$('#sharesTemplate').html();
             //data.circular is my json data
              var html = Mustache.to_html(template,data.circular);
              $('#samplearea1').append(html).appendTo(this);

           });
      } 
       <div id="samplearea1"></div>
        <script id="sharesTemplate" type="text/template">

            {{#.}}

            <h1>{{message}}</h1>

            {{/.}}

        </script>