分享

ajax小例子 鼠标移动菜单 显示详细信息

 昵称5337063 2011-01-01
就是鼠标移动到gridview的某一行,通过行的id显示详细信息
这个效果是纯JS,信息内容用ajax获取
<tr onmouseover="showdetails(3)"></tr>//gridview编译后的html
function showdetails(id)
{
var url = "getdata.aspx?id="+id;
var req = getAjax();
req.open("GET", url, true);
req.onreadystatechange = function(){
if(req.readyState==4){
var re = req.responseText;//获取返回的内容
}
};
req.send(null);
}
function getAjax()
{
var oHttpReq = null;
if(window.ActiveXObject)
oHttpReq = new ActiveXObject("MSXML2.XMLHTTP");
else if(window.createRequest)
oHttpReq = window.createRequest();
else
oHttpReq = new XMLHttpRequest();
return oHttpReq;
}

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多