我想显示以下JSON字符串转换成HTML表格基于它的节点。我无法做到这一点。由于我是新来的JSON

问题描述 投票:0回答:1

JSON字符串如下: -

{
      d: {"lstname":
                  {
                     "Fname":"test",
                     "LName":"data"
                  },

            "lstAddress": 
                 {
                     "address1":"abc",
                     "address2":"def",
                     "pincode":"0",
                     "Area":"Bhandup"
                 }
       }
 }

HTML代码

<body>
    <form id="form1" runat="server">
        <%--<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />--%>
       <input type="button" name="btn1" id="Getdata" value="Getdata" />
        <div id="name">

        </div>
        <div id="Addess">
        </div>
    </form>
</body>

lstname数据应该在名称DIV显示和lstaddress数据应在地址格显示器

c# html json
1个回答
0
投票

我已经固定了一下你的JSON - 我有“”添加到“d:”属性。因此,这里的工作版本:In JSFiddle

var str = `{
  "d": {"lstname":
              {
                 "Fname":"test",
                 "LName":"data"
              },

        "lstAddress": 
             {
                 "address1":"abc",
                 "address2":"def",
                 "pincode":"0",
                 "Area":"Bhandup"
             }
   }


}`;
 var obj = JSON.parse(str);
 $(function(){
    $('#name').text(obj.d.lstname.Fname + ' ' + obj.d.lstname.LName)
  $('#Addess').text(obj.d.lstAddress.address1 + ' ' + obj.d.lstAddress.address2 + ' ' + obj.d.lstAddress.pincode + ' ' + obj.d.lstAddress.Area)
 });
© www.soinside.com 2019 - 2024. All rights reserved.