Question

在图片的指定位置动态显示数据，用js怎么写（结合Ajax）？

我想在运转图的指定位置显示温度、压力、液体浓度等，图上留有空白，需要在这些空白处动态的显示数据库中的数据，怎么写代码啊？有没有人会，帮帮忙吧！

若以下回答无法解决问题，邀请你更新回答

Answer 1

复杂了一点!

追问

如果能帮我解决我可以给100分的，拜托帮帮忙啦

追答

/*样式*/
#init_box{width:500px; height:200px; border:solid 1px #900; overflow:hidden;}
#xxx1{position:absolute; z-index:100; width:245px; height:20px; overflow:hidden;border:solid 1px #900; margin-left:40px; margin-top:92px;}
#xxx2{position:absolute; z-index:101; width:165px; height:20px; overflow:hidden;border:solid 1px #900; margin-left:295px; margin-top:53px;}

#xxx1:初始化中……
#xxx2:初始化中…

先定位布局[参考]，布局定了之后，接下来要做的是用ajax来与服务器交互获取数据，并改变id="xxx1"和id="xxx2"两个div中的内容。如果明白了的话，请继续追问，如果还不明白那你要学的东西就太多了！

追问

用ajax怎么与服务器交互获取数据呢？最好能给详细的代码啦，我还是学生，正在学习中，鼓励一下哈，谢谢。

追答

asp/php/jsp/aspx
其中你学过什么?

追问

asp主要学的，jsp学过一点

追答

JS:

/*获取XMLHttpRequest对象 通用这样的写法*/
function getXMLHttpReq(){var xmlhttpreq=null;if(window.XMLHttpRequest){xmlhttpreq=new XMLHttpRequest();}else if (window.ActiveXObject){xmlhttpreq=new ActiveXObject("Microsoft.XMLHTTP");}return xmlhttpreq;}

//请求函数示例[只是查询数据的话用get方式就行了]
function ajax_get()
{
var ajax=getXMLHttpReq();
if(ajax!=null)
{
var url="ajax_test.asp?type=1";
ajax.open("get",url,true);
ajax.send(null);
//检测ajax的状态[ajax的状态每发生变化就会调用后面的匿名函数来进行处理]
ajax.onreadystatechange = function() {
//当ajax.readyState == 4 && ajax.status == 200时表示已经返回
if (ajax.readyState == 4 && ajax.status == 200)
{
var call_str =ajax.responseText;//得到返回的内容[服务器端要直接输出字符串]
//弹出来看看[实际应用中根据自己的需要做其它相应的处理]
alert(call_str);
}}
}
}

ASP:ajax_test.asp