jquery 如何从url获取json数据

kmbjn2e3 于 2022-12-12 发布在 jQuery

关注(0)|答案(2)|浏览(165)

我有这样的js代码

var data = {
  "items": [
{
"src": "xxx",
"url": "xxx",
"ttl": "xxx%"
},
]};

$.each(data.items, function(i, f) {
  $('ul').append('<li class="scroll-nav"><a href="' + f.url + '"><img class="squareBig" src="' + f.src + '" download="' + f.ttl + '"></img></a></li>');
});

它的工作完美，但我想取代var数据={xxx}与导入url从github
我已经尝试了这个代码，但不工作：）

$.getJSON('https://raw.githubusercontent.com/user/lokal.json', data.items, function(i, f) {
  $('ul').append('<li class="scroll-nav"><a href="' + f.url + '"><img class="squareBig" src="' + f.src + '" download="' + f.ttl + '"></img></a></li>');
});

这是我json

var data = {
  "items": [
{
"src": "https://xxx",
"url": "https://xxx",
"ttl": "METRO  TV"
}
]};

请帮帮我

jquery

来源：https://stackoverflow.com/questions/74686292/how-to-get-json-data-from-url

2条答案

按热度按时间

j5fpnvbx1#

您使用.getJSON的方式不正确。
.getJSON将返回data，您需要使用该数据进行循环和处理。
看看这个：.getJSON
下面的代码应该对您有效：

$.getJSON('https://raw.githubusercontent.com/firzi15/stb21/main/lokal.json', function (data) {
  $.each(data.items, function(i, f) {
    $('ul').append('<li class="scroll-nav"><a href="' + f.url + '"><img class="squareBig" src="' + f.src + '" download="' + f.ttl + '"></img></a></li>');
  });
});

赞(0）回复(0）举报 2022-12-12

6yoyoihd2#

这是给你的参考。你需要循环从你的json数据的项目。Demo https://jsbin.com/nicacux/edit?html,js,console,output
HTML语言

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title>JS Bin</title>
        <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
    </head>
    <body>
        <ul></ul>
    </body>
</html>

JS系统

$(document).ready(function() {
    $.getJSON('https://jsonblob.com/api/1049293810068373504', data.items, function(i, f) {

        $.each(i.items, function(j, v) {
            console.log(v, f);
            $('ul').append('<li class="scroll-nav">' + v.ttl + '<a href="' + f.url + '"><img class="squareBig" src="' + f.src + '" download="' + f.ttl + '"></img></a></li>');
        });
    });

});

赞(0）回复(0）举报 2022-12-12

我来回答

jquery 如何从url获取json数据

2条答案

相关问题

热门标签

最新问答