渲染数据来自/到 Javascript/jQuery

Render data from/to Javascript/jQuery

本文关键字：jQuery Javascript 数据      更新时间：2023-09-26

目标是将_data/users.json中定义的json数据呈现为javascript代码。

我在 [根文件夹]/_data/users.json 中有一个 json 文件

{
  "users"
  [{
    "username":"test",
    "password":"test"
  }]
}

在我的jquery中，我尝试过：

...
{% for user in site.data.users %}
  console.log({{ user.username }});
{% endfor %}
...

这给我一个 ：

未捕获的语法错误：意外令牌 %

任何有想法的人？

只有当您在 js 文件中添加空的前置标记时，您的液体标签才会呈现。

js/script.js 

---
---
{% for user in site.data.users %}
  console.log({{ user.username }});
{% endfor %}

编辑：我刚刚明白！通过读取您的代码 https://github.com/cui-bo/cui-bo.github.io

您只想从javascript调用_data/user.json文件，但不能，因为您没有生成_site/_data文件夹。

这是因为默认情况下不会生成带下划线或加点的文件和文件夹，除非您将它们放在 _config.yml 的 include 数组中。 例如：

include:
  - _data
  - ....

然后，您可以使用常规 ajax 调用调用_site/_data/user.json。

Note：您的身份验证方法远非安全。

相关文章：