javascript - 如何将 JSON 数据从服务器获取到 JavaScript 变量中

标签 javascript html

如此微不足道的事情,我似乎找不到答案。 这是我到目前为止的代码。然而,这是在 JSON 已设置为变量的情况下进行的。 我需要它,以便它从

获取 JSON 文本
 http://localhost:3001/sync/

并使其等于 var txt。代替 var txt = 我想要它,因此从 URL 获取 JSON 文本,而不是我添加的文本。

 var txt = '{"loading":false,"playing":true,"position":0,"duration":389492,"index":13,"repeat":false,"shuffle":false,"volume":0.337499052286148,"context":{"uri":"spotify:user:@:playlist:66HXOPaG8wwe7k8t4YZj5b"},"contexts":[{"index":13,"descriptor":{"type":"list","uri":"spotify:user:@:playlist:66HXOPaG8wwe7k8t4YZj5b"}}],"track":{"artists":[{"image":"spotify:image:15a09a886f2149909821763f2f074cf1b7975574","images":[[64,"spotify:image:1aa2b5417668fdfc6966c9745b437e587d7ff23f"],[300,"spotify:image:15a09a886f2149909821763f2f074cf1b7975574"],[600,"spotify:image:865b8c83601ce2aef204a9c071fd2f531c12c000"],[1000,"spotify:image:5311029c2ba3de0b4e5d117b4e90d57b60720902"]],"name":"Duke Dumont","uri":"spotify:artist:61lyPtntblHJvA7FMMhi7E"}],"disc":1,"duration":389000,"image":"spotify:image:6f592ef177e159c00dd4f08049c4c962466b0776","images":[[64,"spotify:image:68fd12e77d374e7b9618ca0cf6786b9479837175"],[300,"spotify:image:6f592ef177e159c00dd4f08049c4c962466b0776"],[600,"spotify:image:6a30d6808f92167b4cb10eed2cf5f9838442d591"]],"name":"The Giver - Original Mix","number":2,"playable":true,"popularity":64,"starred":false,"explicit":false,"availability":"premium","album":{"uri":"spotify:album:66Io82H9e3b2rrtHFs2sE0"},"local":false,"advertisement":false,"placeholder":false,"uri":"spotify:track:6GbLDdBuFxZLDHhluGrrmA"}}';

 var obj = eval ("(" + txt + ")");

 document.getElementById("demo").innerHTML =
 obj.playing;

最佳答案

看起来您需要使用 xmlhttprequest (即 ajax)。它用于从 url 异步检索数据。

您可以关注a tutorial学习如何使用它。或者您可以学习如何使用 jquery(特别是 jquery.get)。

我建议,如果您也不知道,您可以开始学习 xmlhttprequest,但最终还是会使用 jquery。

正如另一篇文章提到的,一旦您学会了如何检索数据,请使用 JSON.parse 将文本解析为 json,即使 jquery 也可以自动处理它。

关于javascript - 如何将 JSON 数据从服务器获取到 JavaScript 变量中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26576288/

相关文章:

html - 内部 h2 需要为 100% 高度

angularjs - 如何在angularjs中一个一个地列出名字

javascript - 在 HTMLElement.dataset 更新时更新伪元素内容属性

javascript - 我的其他表格没有提交

html - NetBeans IDE 8.1 HTML 类背景突出显示?

html - Sprite 图像未在 css 中裁剪

javascript - 使用 react/react-bootstrap/flexbox 居中图像

javascript - Ext.form.combobox 上的标签

javascript - 映射对象内的数组

javascript - dimplejs 散点图中的结果错误