如何在我的 html 文件中调用 json 文件数据?下面是我的 JSON 文件结构

Question

[ { "id"： 2， "名称"： "一座冰雕"， "价格"： 12.50， },

{ "id"： 3， "名称"： "一只蓝色的老鼠"， "价格"： 25.50， }]

Answer 1

Json 对象：

   var data = [ 
                {  
                  "id": 2, 
                  "name": "An ice sculpture", 
                  "price": 12.50 
                },
                {
                  "id": 3, 
                  "name": "A blue mouse", 
                  "price": 25.50 
                } 
              ];

迭代对象的每个属性：

    var htmlContent = '';
    for ( var key in data ) {
        htmlContent += '<div class="container">';
        htmlContent += '<p> Name: ' + data[key].name + '</p>';
        htmlContent += '<p> Price: ' + data[key].ptice + '</p>';
        htmlContent += '</div>';
    }
    $('body').append(htmlContent);

Answer 2

$url= " http://nominatim.openstreetmap.org/reverseformat=json&lat=12.9166&lon=77.6101&zoom=18&addressdetails=1";

$json = @file_get_contents($url); $data = json_decode($json);

如何从此链接接收数据。