显示来自URL的JSON数据并在网页上发布

Question

我不知道JSON，请不要假设我知道关于java或json或ajax的所有内容，我有一张Google表格的电子表格，我能够将表单数据转换为JSON URL（{{3} }）这是结果https://script.googleusercontent.com/macros/echo?user_content_key=RFP2beVz0BOAadC8lOHQi_-dajE5DI1oGW6ItREi66KTWjeP4twxaElm3krjtYa3QGuvmf_8gtYA-iMqW17UV8_5kB6YeGDjOJmA1Yb3SEsKFZqtv3DaNYcMrmhZHmUMWojr9NvTBuBLhyHCd5hHa1ZsYSbt7G4nMhEEDL32U4DxjO7V7yvmJPXJTBuCiTGh3rUPjpYM_V0PJJG7TIaKp5Mo6IQPCUHsaGMF-VMB9PySb3cSNzXDiUtZyp4RMiB6CFaNdOtIlSkpnu9Yad3Py8KiW3k6MDkf31SIMZH6H4k&lib=MbpKbbfePtAVndrs259dhPT7ROjQYJ8yx 我需要的是显示这样的数据：

我知道我可能不得不在某处使用一些CSS来进行一些造型，我只需要被告知在哪里。重要的是如何使用我的电脑上存储的 NOT 的JSON数据，并将其用作我的HTML元素的基础。

我的计划是稍后将我的Google日历集成到我的电子表格中，并且只使用电子表格更改我网站上的数据，而无需登录我的网站并在完成此操作后完成任务。

Answer 1

您的问题非常广泛，但可能只需要您学习一些jQuery和JavaScript（用于处理JSON）。为了时间的利益，我现在只能提供高水平的答案......

您可以使用ul（无序列表）元素创建html文件来保存列表。在html文件中，您可以使用jQuery向您提供的JSON链接发出GET请求。用于发出请求的jQuery函数将包含一个回调函数，该函数将返回表示数据的JavaScript对象。为了将这些数据解析为JavaScript中的对象，我建议使用jQuery documentation for a JSON request的以下链接。

接下来，您需要更新HTML列表。我建议阅读以下answer，了解如何通过jQuery推送到列表。基本的想法是你给你的html元素id，然后jQuery允许你从JavaScript修改这些html元素。在你的情况下，你可以创建li（列表项）元素并将它们附加到你的ul元素，通过我们前面提到的id访问这个ul元素。

您可以使用HTML链接元素为每个列表项添加CSS，即：

<link rel="stylesheet" href="li-style.css">