我在用ASP.NET做一个web的监测平台。以电子地图的方式进行显示,并在上面标注点表示检测设备,这些检测设备会将检测信息发送到特定服务器上,我的web平台就是要接收这台服务器发来的数据,作出相应的显示。
我调用高德地图的JavaScript API已经实现了地图和设备点的显示,在前台JavaScript代码里,给每个标注点设置如下属性:
"id": 0,
"name": "127+162",
"center": "126.576924,43.859175",
"status": '<%=status[0]%>',
"temp": "<div class = 'temp'><%=tem[0]%</div>",
接下来再作判断,status[]的值不同,标注点的图标就不同,tem[]是温度数据。
之前还没有和发送数据的服务器通信的时候,我是在前台设置了一个按钮,点击之后,后台给数组status[]和tem[]赋值,前台就显示出了新值对应的图标和温度值。
现在我把与服务器通信的代码加上了,用status[],tem[]接收发来的数据,但是前台一直没显示出这些数据应有的图标,还在显示初始值。开始以为是没和服务器通信上,后来我在后台设置断点调试,看见status[]和tem[]中是收到了值的。
考虑到与服务器通信,接收数据需要一定时间。我觉得是前台页面没有刷新数据的原因,所以显示的一直是刚开始加载的值。
想问下各位大神,这个问题该怎么解决?如果用Ajax的话该怎么编写?