如何获取JSON的内容并将其放入每个html标记中

这里的新手，需要你的帮助

现在的内容是静态的，所以我希望它们是动态的，我希望从下面的JSON脚本中获取内容，并放在每个标题和div上

这是我的JSON xml内容

    <script type="text/javascript">
   var info = {
       "items": {
           "phone" : [ {
               "product" : "iPhone 8",
               "manufacturer" : "Apple",
               "releaseDate" : "2018",
               "price" : 35000
               }, {
               "product" : "Galaxy S9",
               "manufacturer" : "Samsung",
               "releaseDate" : "2018",
               "price" : 33000
               }, {
               "product" : "Xperia ZZ",
               "manufacturer" : "Sony",
               "releaseDate" : "2020",
               "price" : 35000
               } ],
            "laptop" : [ {
               "product" : "MacBook PRO 2018",
               "manufacturer" : "Apple",
               "releaseDate" : "2017",
               "price" : 75000
               }, {
               "product" : "Vaio",
               "manufacturer" : "Sony",
               "releaseDate" : "2020",
               "price" : 73000
               } ]
       }
   };


   // render the items in the info using jQuery
   $(document).ready(function() {



   });

   // render the items in the info using native Javascript
   function load() {

   }
</script>

变量信息={
“项目”：{
“电话”：[{
“产品”：“iPhone8”，
“制造商”：“苹果”，
“发布日期”：“2018年”，
“价格”：35000
}, {
“产品”：“Galaxy S9”，
“制造商”：“三星”，
“发布日期”：“2018年”，
“价格”：33000
}, {
“产品”：“Xperia ZZ”，
“制造商”：“索尼”，
“发布日期”：“2020年”，
“价格”：35000
} ],
“手提电脑”：[{
“产品”：“MacBook PRO 2018”，
“制造商”：“苹果”，
“发布日期”：“2017年”，
“价格”：75000
}, {
“产品”：“Vaio”，
“制造商”：“索尼”，
“发布日期”：“2020年”，
“价格”：73000
} ]
}
};
//使用jQuery呈现信息中的项目
$（文档）.ready（函数（）{
});
//使用本机Javascript呈现信息中的项目
函数加载（）{
}

以下是我的div内容作为静态文件：

<h2>phones</h2>
            <div>
                <h3>iPhone 8</h3>
                <p>Manufactured by Apple, to be released in 2018</p>
                <form name="" method="post" action="">
                    <button type="submit">$35000</button>
                </form>
            </div>
            <div>
                <h3>Galaxy S9</h3>
                <p>Manufactured by Samsung, to be released in 2018</p>
                <form name="" method="post" action="">
                    <button type="submit">$33000</button>
                </form>
            </div>
            <div>
                <h3>Xperia ZZ</h3>
                <p>Manufactured by Sony, to be released in 2020</p>
                <form name="" method="post" action="">
                    <button type="submit">$35000</button>
                </form>
            </div>

            <h2>laptop</h2>
            <div>
                <h3>MacBook PRO 2018</h3>
                <p>Manufactured by Apple, to be released in 2017</p>
                <form name="" method="post" action="">
                    <button type="submit">$75000</button>
                </form>
            </div>
            <div>
                <h3>Vaio</h3>
                <p>Manufactured by Sony, to be released in 2020</p>
                <form name="" method="post" action="">
                    <button type="submit">$73000</button>
                </form>
            </div>


thanks!

手机
iPhone8
由苹果公司制造，将于2018年发布

$35000
星系S9
由三星制造，将于2018年发布

$33000
Xperia ZZ
索尼制造，将于2020年发布

$35000
笔记本电脑
MacBook PRO 2018
由苹果公司制造，将于2017年发布

$75000
瓦约
索尼制造，将于2020年发布

$73000
谢谢

反序列化JSON并简单地使用“for”循环进行迭代。你应该得到这样的东西：

var deserializedInfo = JSON.parse(info);
for (var item in deserializedInfo.items) {
    for (var product in item) {
        var productHtml = "";
        productHtml    .= "<div>";
        productHtml    .=    "<h3>" + product['product'] + "</h3>";
        productHtml    .=    "<p>" + product['manufacturer'] + "</p>";
        productHtml    .=    "<p>" + product['releaseDate'] + "</p>";
        productHtml    .=    "<form name='' method='post' action=''>";
        productHtml    .=      "<button>" + product['price'] + "</button>";
        productHtml    .=    "</form>";
        productHtml    .= "</div>";
        return productHtml; //or do whatever you need
    }
}

var deserializedInfo=JSON.parse（info）； for（反序列化dinfo.items中的变量项）{ 对于（项目中的var产品）{ var productHtml=“”； productHtml.=“”； productHtml.=''+product['product']+''； productHtml.=“”+产品['manufacturer']+“

”； productHtml.=“”+产品['releaseDate']+”

”； productHtml.=“”； productHtml.=''+产品['price']+''； productHtml.=“”； productHtml.=“”； return productHtml；//或执行任何需要的操作 } }

---

请向我们展示您已经尝试过的内容。您需要我们帮助的是，我们在这里帮助您解决不键入代码的问题。将其分配给html元素。想要一些代码帮助，然后告诉我们您尝试过什么。老实说，我已经尝试过了，但我并不擅长：查看此链接：老实说，我已经尝试过，但我并不擅长：查看此链接：查看：我将其放在文档中。准备好了，但我遇到了一个错误：Uncaught SyntaxError:意外标记=Uncaught ReferenceError:未定义加载