• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

AJAX简单应用实例-弹出层

asp 搞代码 4年前 (2022-01-03) 57次浏览 已收录 0个评论

AJAX的简单应用,包括js弹出DIV层、层拖动、ajax后台读取数据!注意getinfo.asp文件是以utf-8格式保存的,在getinfo.asp里面可以写读数据库代码!

function createobj() {
 if (window.ActiveXObject) {
         return(new ActiveXObject(“Microsoft.XMLHTTP”));
     }
     else if (window.XMLHttpRequest) {
         return(new XMLHttpRequest());
     }
}

function personalInfo() {
  var oBao=createobj();
  var cont=document.getElementById(“person_detial”);
  var cont_a=document.getElementById(“person_content”);
  cont.style.display=’block’;
  cont.style.cursor=’pointer’;
  cont_a.innerHTML=”请等待,加载中…”; 
  var my_url=”getinfo.asp?”+Math.random();
  oBao.open(“get”,my_url,true); 
  oBao.onreadystatechange=function(){
  if(oBao.readyState==4){
   if(oBao.status==200){ 
     cont_a.innerHTML=oBao.responseText;
     }else{
     cont_a.innerHTML=”出现错误,错误代码为:”+oBao.status;
    }  
  }
  }
  oBao.send(); 
 }

function Drag(id)
{
var self=this;
this.obj=(typeof(id)==”string”)?document.getElementById(id):id;
this.obj.onmousedown=function(e)
{
e=e||window.event;
var obj=self.obj;//指向自己
if(e.layerX){obj.position={x:e.layerX,y:e.layerY};}
else{obj.position={x:e.offsetX,y:e.offsetY};}
document.onmousemove=self.start;
document.onmouseup=self.end;

}
this.start=function(e)
{
e=e||event;
document.onselectstart = function(){ return false; };
window.getSelection && window.getSelection().removeAllRanges();
var obj=self.obj;
obj.style.left=e.clientX-obj.position.x+”px”;
obj.style.top=e.clientY-obj.position.y+”px”;
}
this.end=function(e)
{
e=e||event; 
document.onmousemove = document.onmouseup = document.onselectstart = null;     
}
}
AJAX简单应用实例-弹出层.rar

来源gao.dai.ma.com搞@代*码网

以上就是AJAX简单应用实例-弹出层的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:AJAX简单应用实例-弹出层
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址