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

嘗試使用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); 
} 

的$阿賈克斯（）函數underlies的jQuery發送的所有Ajax請求。檢查這裏的API：https://api.jquery.com/jQuery.ajax/

Answer 2

只是嘗試：

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

但是JSON在mydata.json文件應該沒有var info =和;在最後確定。