Question

我想解析我从手柄中的url获取的JSON数据。我尝试的是从网址获取JSON数据。我将它定义为数据对象。我想知道如何使用handlebars.js解析数据我是handlebars.js的新手在没有定义每个属性的情况下，我们还有其他方法吗？因为我的JSON数据很大。例如。

reportData = {
        inquiryId= data.data[0].inquiryId;
}

HTML code：

<script id="address-template" type="text/x-handlebars-template">
  {{#with data}}
  <p> My id is  {{{inquiryId}}}</p>
  {{/with}}
</script>
<div class="content-placeholder"></div>

JS代码：

var reportData= {};
    $(document).ready(function () {
        $.ajax({
            type:'GET',
            url: reportURL,
            success : function (data){
                var inquiryId= data.data[0].inquiryId;

                var theTemplateScript = $("#address-template").html();
                console.log(theTemplateScript);
                // Compile the template
                var theTemplate = Handlebars.compile(theTemplateScript);

               // Define our data object
                reportData=data;
                console.log(reportData);
                // Pass our data to the template
                var theCompiledHtml = theTemplate(reportData);

                // Add the compiled html to the page
                $('.content-placeholder').html(theCompiledHtml);
            }

        })
    });

JSON：

{  
   "success":true,
   "errors":{  

   },
   "authenticated":true,
   "program":1,
   "data":[  
      {  
         "id":1,
         "date":1505756267000,
         "name":"AKKAYA, JORGE",
         "productName":"Credit Profile",
         "inquiryId":726608
      }
   ]
}

我的输出是：我的身份是

任何人都可以帮助我吗？提前谢谢。

Answer 1

在你的Json中，数据包含数组，在你的html中，你将它视为单个对象。所以请使用下面的车把格式迭代它。

{{#with abc}}
  {{#each this}}
    <p> My id is  {{{inquiryId}}}</p>
  {{/each}}
{{/with}}

来自url的json数据未在handlebars.js中解析

1 个答案: