AJax技术

AJAX简单应用实例-弹出层

字号+ 作者:H5之家 来源:H5之家 2015-11-20 08:35 我要评论( )

functioncrateobj(){if(window.ActiveXbject){return(newActiveXbject(Microsoft.XMLHTTP));}elseif(w。

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 (2.11 KB)

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JQuery实现Ajax加载图片的方法

    JQuery实现Ajax加载图片的方法

    2016-02-24 17:01

  • 判断用户是不是为ajax请求

    判断用户是不是为ajax请求

    2016-02-24 17:00

  • Ajax与WEB开发 by alixixi.com

    Ajax与WEB开发 by alixixi.com

    2016-02-11 11:02

  • jQuery.ajax()的相关参数及使用

    jQuery.ajax()的相关参数及使用

    2016-02-08 16:00

网友点评