如何在我的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);

如何从此链接接收数据。