javascript - 从/到 Javascript/jQuery 渲染数据

Question

目标是将 _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 %}
...

返回我一个:

Uncaught SyntaxError : Unexpected token %

有人有想法吗？

Answer 1

只有在您的 js 文件中添加空的前端标记时，您的 liquid 标签才会呈现。

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。

注意:您的身份验证方法远非安全。