Question

我正在使用英特尔xdk创建混合应用程序，我正在使用jQuery Mobile for UI，我正在尝试将我的JSON数据显示到我的标签中，首先让我告诉你UI设计我需要什么。我在这两个按钮之间有两个按钮（递增，递减）我有一个标签。例如：让我们考虑一下我们将标签值设置为＆＃34; 2015＆＃34;（当前年份），如果我点击增量按钮，我的价值会像2016,2017那样增加，依此类推。与减量按钮相同，如果我点击值将转到2014,2013，依此类推。这是我的标题UI设计还可以，让我来到内容方面，在内容方面我将根据以上年份显示来自URL的JSON数据显示为：假设2015年在我的标签中，我只需要显示2015年数据（＆＃34;运动日＆＃34;请参阅我的下面（消息）JSON）到我的内容div标签。现在，如果我使用增量按钮增加2016，我必须只显示2016年数据（＆＃34;文化＆＃34;请参阅我的下面（消息）json）到我的同一内容页面，它不应显示以前的值数据（2015年数据））。我附上了我的需求图片我需要检查这两个链接

https://drive.google.com/file/d/0B9RwnaNuUwNdQlg5aVIwSklaX3M/view

https://drive.google.com/file/d/0B9RwnaNuUwNdaTktTTR4eGdReE0/view

这是我的网址Json数据（2015年数据）

{
  "circular":
      [ 
         {
           "id":"9",
           "year":"2015",
           "date":"2015-04-17",
           "message":"Sports day",
           "timestamp":"2015-04-18 19:14:24",
         },
      ]
}

这是我的网址Json数据（2016年数据）

  {
  "circular":
      [ 
         {
           "id":"10",
           "year":"2016",
           "date":"2015-04-17",
           "message":"Culturals",
           "timestamp":"2015-04-18 19:14:24",
         },
      ]
}

现在我在同一页面本身获取数据，这意味着当点击增量按钮时，2015年数据和2016年数据显示在同一页面中。我想单独显示2016年数据，不包括2015年数据。我正在使用胡子概念来显示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);

           });
      }

这是我用于动态显示JSON数据的胡须代码

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

            {{#.}}

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

            {{/.}}

        </script>

如何根据URL参数（年份）传递显示JSON数据（如果是2015年，2015年数据仅显示2016年数据））

0 个答案: