渲染数据 from/to 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 %}
...

哪个returns我一个:

Uncaught SyntaxError : Unexpected token %

有人有想法吗？

Answer 1

仅当您向 js 文件添加空的前端标记时，您的液体标签才会呈现。

js/script.js

---
---

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

阅读您的代码

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

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

include:
  - _data
  - ....

然后您可以通过常规 ajax 呼叫来呼叫 _site/_data/user.json。

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

Render data from/to Javascript/jQuery