通过从 JSON 文件 (jQuery) 获取 URL 来更改链接的 href 值

Question

我有一个非常简单的 .JSON 文件，名为“screen.json”，如下所示：

[
    {
        "link": "http://localhost:8888/screen/screen1.png"
    }
]

还有一个非常简单的 HTML 链接：

<a id="screen" href="#"></a>

我想做的是，在页面加载时，使用 jQuery，从 .JSON 文件中获取“链接”值，并将其放在 # 符号所在的 href="" 标记中。

$(document).ready(function() {

}

我知道这将涉及上面 jQuery 中的 ajax 调用，以从 .json 文件中获取字符串，然后将其放在 'href=""' 标记中，但我不知道该怎么做。

谁能帮帮我？干杯! :)

Answer 1

$(document).ready(function(e) {
    $.get(url, function(response) {
       //response = JSON.parse(response);//use this in case you are not getting json in response to parse response
       //Change href Value use attr()
       $('#screen').attr('href', response[0]['link']); 
    });
});