echarts geocoord如何Ajax动态获取数据库数据问题

在后台的controller中用Map<String, double[]>geocoordMap=new HashMap<String, double[]>()来存储地理经纬度数据，例如：

String key="上海"

double[] value=new double[]{121.550544,31.227384}

geocoordMap.put(key, value)

需要标记多少个点，就put几个(key,value)到geocoordMap里面，然后将geocoordMap以json格式传到前台，var geoCoordData=data取值；直接在option里面写： geoCoord: geoCoordData, 即可

function test(bid){

$.ajax({

type:"GET",

url:"/test.php?ac=ss&bid="+bid+"&date=" + new Date(),

success: function(data){

alert(data)

}

})

}

给你发一个简单例子，test.php去获取数据库内容，可以返回不同的数据，如一般的text,也可以是json等多种类型，接收的时候需要做不同的处理

记得在此之前一定先调用JQ库，这是JQ的AJAX方法，个人理解，不专业

先做一个JSP页面，就和你正常情况下根据ID查数据一样，得到ID，根据ID查询出数据。

循环出表格在页面上。

只是这个页面不会通过浏览器直接访问。

而是用ajax的异步去请求这个页面。

在你的当前 *** 作页面上，定义一个div。

在取得responseText后，将responseText的值innerHTML给div。

当触发下拉的onchange事件，就发送一个异步请求，将ID传到服务端。

这样就可以动态改变了，不会刷新页面。

做起来挺简单的，只是我现在没有现成的代码。

---