.js循环读写通过ajax发送并返回的json数据

来源：互联网发布：吉祥兔源码编辑：程序博客网时间：2024/05/30 05:09

1 json 数据格式

[{lat:"126.6654363824",lon:"45.8505727440392",shipUrl:"<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'><html xmlns='http://www.w3.org/1999/xhtml'><head><meta http-equiv='Content-Type' content='text ml; charset=utf-8'/><link rel='stylesheet' href='http://localhost:8080/vtms/resource/css/ship.css' type='text/css'/><title>海事机构信息</title></head><body><div class='ais_box'><div class='ais'><div class='header'><div class='header_imgbox'></div><div class='header_title'>船舶信息<span class='font_1'>INFORMATION</span></div></div><div class='content'><table border='0' cellpadding='0' cellspacing='0' class='content_table'><tr><td width='15%'>机构名称 </td><td width='35%'>测试二</td><td width='15%'>状态</td><td width='35%'>0<td></tr><tr><td>视觉高度</td><td>112.0</td><td>描述</td><td>啊大哥哥</td></tr><tr><td>经度</td><td>45.8505727440392</td><td>纬度</td><td>126.6654363824</td></tr> </table></div></div></div></body>< ml>"},{lat:"126.824322853832",lon:"45.8211259904423",shipUrl:"<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'><html xmlns='http://www.w3.org/1999/xhtml'><head><meta http-equiv='Content-Type' content='text ml; charset=utf-8'/><link rel='stylesheet' href='http://localhost:8080/vtms/resource/css/ship.css' type='text/css'/><title>海事机构信息</title></head><body><div class='ais_box'><div class='ais'><div class='header'><div class='header_imgbox'></div><div class='header_title'>船舶信息<span class='font_1'>INFORMATION</span></div></div><div class='content'><table border='0' cellpadding='0' cellspacing='0' class='content_table'><tr><td width='15%'>机构名称 </td><td width='35%'>qq</td><td width='15%'>状态</td><td width='35%'>0<td></tr><tr><td>视觉高度</td><td>11.0</td><td>描述</td><td>adfsdasfsdf</td></tr><tr><td>经度</td><td>45.8211259904423</td><td>纬度</td><td>126.824322853832</td></tr> </table></div></div></div></body>< ml>"}]

2 代码

function showLable() {
var a=document.getElementById("areaShape").value;
var s=document.getElementById("shapeData").value;
var lat;
var lon;
var viewHeight;
var name;
var maritimesectorUrl;
      $.ajax({
    type:"POST",
    url:"maritimesectorAction_selectMarkByAjax.do?shapeData="+s+"&areaShape="+a+"",
    success:function(msg){
     alert(msg);
     var jsonList=eval("("+msg+")");
     for(var i=0;i<jsonList.length;i++){
        lat=jsonList[i].lat;
     lon=jsonList[i].lon;
     name=jsonList[i].name;
     viewHeight=jsonList[i].viewHeight;
     maritimesectorUrl=jsonList[i].maritimesectorUrl;
     alert(lat);

//显示气泡的方法
       addBalloo(BALOONLAYER, name, 'http://baidu.com', lat, lon, 50000000000000,'true','http://10.3.7.101:8080/gis/resource/img/dynamicVesselImage.png',32, 32,'true','getBallooid','UTF-8');
function getBallooid() {
}
     }
    }
   });
}