您的位置：首页 > Web前端 > JavaScript

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

2012-08-31 00:17 721 查看

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() {

}

}

}

});

}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航