jsp,JavaScript获取本地JSON文件并遍历拼接成字符串

最新推荐文章于 2024-08-16 16:27:09 发布

原创最新推荐文章于 2024-08-16 16:27:09 发布 · 514 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery #html #html5 #前端

json 专栏收录该内容

2 篇文章

订阅专栏

该博客展示了如何在HTML中插入div，并通过jQuery从json文件中获取版本更新信息。内容包括加载json文件，解析数据并创建包含版本号、日期及更新列表的详细信息展示。

先添加div和json文件

<div style="margin-left: 10%;">
					<div id="versionMenu"></div>
				</div>

{
     "version": "v11.1",
      "date": "2021-05-31",
      "list": [
        "123456",
        "456789"
      ]
 }

然后获取json文件


  $.getJSON("json/versionUpdates.json",function(data){
			var strHtml = "";//存储字符数据
				strHtml+='<details open >'+'<summary><span style="font-size: 14px;text-align: -webkit-center;color: #0b93d5">版本：'+data['version']+'&nbsp;&nbsp;&nbsp;'+data['date']+'</span></summary>';
			   var str='';//存储list数据
				$.each(data['list'],function (index, value) {
					str+='<ul>'+'<li><span style="font-size: 14px;text-align: -webkit-center;">'+value+'</span></li></ul>'
			   });
				strHtml+=str+'</details>';
			$("#versionMenu").html(strHtml);
		});