Question

在以下脚本中加载外部json文件的最佳方法是什么？

function loadimages(id, data, path) {

    var x = data.imagefeed;
    var output = ""; // initialize it outside the loop

    $.each(x,function()
    {
        output += '<li><img src= "'+path+''+this.images+'" alt ="'+this.name+'"></li>';
    });
    $(id).append(output);
}

mydata.json

var info = {
    "imagefeed": [{
        "name": "rest1",
        "images": "image1.png"
    }, {
        "name": "rest2",
        "images": "image2.png"
    }]
};

Answer 1

试试：

$.getJSON('mydata.json', function( data ) {
  console.log(data);
});

但mydata.json文件中的json应该在最后没有var info =和;的情况下定义。

Answer 2

尝试使用jQuery的ajax函数：

 $.ajax({
    url: "mydata.json",
    dataType: 'jsonp',
    success: function(data) {
        loadimages(id, data, path);
    }
});


function loadimages(id, data, path) {

    var x = data.imagefeed;
    var output = ""; // initialize it outside the loop

    $.each(x, function() {
        output += '<li><img src= "' + path + '' + this.images + '" alt ="' + this.name + '"></li>';
    });
    $(id).append(output);
}

$ .ajax（）函数是jQuery发送的所有Ajax请求的基础。在此处查看API：https://api.jquery.com/jQuery.ajax/

从外部文件加载json

2 个答案: