Javascript 如何在jQuery中操作html中的JSON数据？

我的json文件如下所示

{"level" :[
    {"color" : "#FF6600", "Polygon" : [
        {"lon" : 125.8575930951375,"latt": 36.95626849495004},
        {"lon" : 125.8851548404469,"latt": 36.99677151742446},
        {"lon" : 125.9128154107602,"latt": 37.03743133552931},
        {"lon" : 125.9564137105485,"latt": 37.07788492352393},]},
    {"color" : "#FFFF00", "Polygon" : [
        {"lon" : 125.8575930951375,"latt": 36.95626849495004},
        {"lon" : 125.8851548404469,"latt": 36.99677151742446},
        {"lon" : 125.9128154107602,"latt": 37.03743133552931},
        {"lon" : 125.9564137105485,"latt": 37.07788492352393},]},
]}

如果我在html中为上述json格式声明了一个变量，那么我将使用以下代码处理数据

var dataObj = {"level" :[
    {"color" : "#FF6600", "Polygon" : [
        {"lon" : 125.8575930951375,"latt": 36.95626849495004},
        {"lon" : 125.8851548404469,"latt": 36.99677151742446},
        {"lon" : 125.9128154107602,"latt": 37.03743133552931},
        {"lon" : 125.9564137105485,"latt": 37.07788492352393},]},
    {"color" : "#FFFF00", "Polygon" : [
        {"lon" : 125.8575930951375,"latt": 36.95626849495004},
        {"lon" : 125.8851548404469,"latt": 36.99677151742446},
        {"lon" : 125.9128154107602,"latt": 37.03743133552931},
        {"lon" : 125.9564137105485,"latt": 37.07788492352393},]},
]}

function UseJSON(){

for (i = 0; i < dataObj.level.length; i++)
{
    var polygon = [];
    for (j = 0; j < dataObj.level[i].Polygon.length; j++)
    {
        var point = map.getTransformXY(dataObj.level[i].Polygon[j].lon, dataObj.level[i].Polygon[j].latt,"EPSG:4326","EPSG:900913");
        polygon.push(new OpenLayers.Geometry.Point(point.x, point.y)); 
    }

    var style_polygon = {strokeColor: "#000000", strokeOpacity: 0.7, fillColor: dataObj.level[i].color, fillOpacity: 0.5, strokeWidth: 1};

    var intensityPolygon = new vworld.Polygon(polygon, style_polygon);

    map.vectorLayer.addFeatures([intensityPolygon]);
}   
}

var dataObj={“级别”：[
{“颜色”：“#FF6600”，“多边形”：[
{“lon”：125.8575930951375，“latt”：36.956268495004}，
{“lon”：125.8851548404469，“latt”：36.99677151742446}，
{“lon”：125.9128154107602，“latt”：37.03743133552931}，
{“lon”：125.9564137105485，“latt”：37.07788492352393}，]}，
{“颜色”：“#FFFF00”，“多边形”：[
{“lon”：125.8575930951375，“latt”：36.956268495004}，
{“lon”：125.8851548404469，“latt”：36.99677151742446}，
{“lon”：125.9128154107602，“latt”：37.03743133552931}，
{“lon”：125.9564137105485，“latt”：37.07788492352393}，]}，
]}
函数UseJSON（）{
对于（i=0；i

请参阅SO中的上一个答案：

我尝试按照以下步骤修改我的代码：

function UseJSON(){

$.getJSON('data.json', function(dataObj) {
    for (i = 0; i < dataObj.level.length; i++)
    {
    var polygon = [];
    for (j = 0; j < dataObj.level[i].Polygon.length; j++)
    {
        var point = map.getTransformXY(dataObj.level[i].Polygon[j].lon, dataObj.level[i].Polygon[j].latt,"EPSG:4326","EPSG:900913");
        polygon.push(new OpenLayers.Geometry.Point(point.x, point.y)); 
    }

    var style_polygon = {strokeColor: "#000000", strokeOpacity: 0.7, fillColor: dataObj.level[i].color, fillOpacity: 0.5, strokeWidth: 0.5};

    var intensityPolygon = new vworld.Polygon(polygon, style_polygon);

    map.vectorLayer.addFeatures([intensityPolygon]);
    }
});
}

函数UseJSON（）{ $.getJSON（'data.json'，函数（dataObj）{ 对于（i=0；i 但它似乎不起作用。似乎没有从本地获取data.json文件。有什么想法吗

---

谢谢

我想您需要设置一个本地主机，或者检查以下答案：从桌面上看，您是在尝试读取文件吗？检查

控制台

可能是CORS（跨域）问题。我也遇到了一个类似的问题，请检查我在代码中没有看到任何数据操作，您只是在读取数据，您能澄清一下这是什么意思吗？什么是“从本地获取data.json”？我也不明白。我正在读取数据并在UseJSON函数中对其进行操作。如您所见，我在读取多边形数据时在循环内执行一些操作。”“从本地获取data.json”意味着，我的data.json文件与index.html位于同一目录中。我希望我能从本地目录中读取json文件，并用它做一些操作。