我想根据它的节点将以下 json 字符串显示到 html 表中。我做不到。因为我是 json 的新手

Json 字符串如下：

{
      d: {"lstname":
                  {
                     "Fname":"test",
                     "LName":"data"
                  },
            "lstAddress": 
                 {
                     "address1":"abc",
                     "address2":"def",
                     "pincode":"0",
                     "Area":"Bhandup"
                 }
       }
 }

网页代码

<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 中并且 LST地址数据应显示在地址div 中

我已经修复了你的JSON-我已经在"d："属性中添加了"。所以这里是工作版本：在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)
 });

相关内容

最新更新

热门标签：