Question

我目前正在建设一个报告工具，在那里我做几个标准的报告。这些报告通过ajax调用来工作，以将json数据分配给相关的ID，并且数据的路径取决于通过url传递的用户参数-（每个报告都对应一个用户）。这些ID然后在html中分配，并显示有关用户的各种指标。

为用户保存json数据的目录结构如下：

数据----> [用户文件夹] ------> data.json，data2.json等

在命名约定的用户之间是保守的。

我遇到的问题是创建一个单独的页面，该页面动态填充有多个div，这些div对应并链接到每个用户的报告，同时还在列表页面上显示div内的一小部分数据。

我想知道是否有人可以帮助我解决这个问题？在过去的6个小时里，我一直在试图解决这个问题，而我开始失去生存的意愿...

我可能是个白痴，但是任何帮助将不胜感激！

一些代码-（为清晰起见/结构进行了编辑，因此可能会有错误，但是那不是问题-问题是为每个文件夹动态创建div的一般方法）： HTML ：

<!DOCTYPE html>
<html lang="en">
<script src="singleparams.js"></script>
<script src="updateparams.js"></script>
</head>
<body>
<section class="user-stats">
<div class="container">
<div class="data-metric">
<p id="followers"></p>
<p id="name"></p>
<p id="description"></p>
</body>
etc etc etc

jquery： singleparams.js：

function getUrlVars() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
        vars[key] = value;
    });
    return vars;
}

jQuery(document).ready(function($) {



  var user = getUrlVars()["user"];
  var settings = {
    "async": true,
    "crossDomain": true,
    "url": "http://localhost:8080/data/"+user+"/dash/display_name.json",
    "method": "GET"
  }

  $.ajax(settings).done(function (response) {
    console.log(response);

    var content = response;
    $("#name").append(content);

etc etc etc etc for each parameter/id i want to show

});

所以我想创建第二个html页面，为数据目录中的每个用户分配一个div，该div引用＃name，＃description，＃follower ID（或任何其他统计信息），并将创建的div链接到报表对于每个用户（链接只是带有用户参数的html报告，例如wwww.website.com/report?user=USER）。

感谢您的任何帮助！

如何为目录中的每个文件夹动态创建HTML对象，其中每个文件夹都包含要引用到该对象中的JSON数据？

0 个答案: