Aplicación simple de AJAX, que incluye js que muestra la capa DIV, arrastrando capas y leyendo datos en segundo plano ajax. Tenga en cuenta que el archivo getinfo.asp se guarda en formato utf-8. ¡Puede escribir y leer el código de la base de datos en getinfo.asp! función crearobj() {
si (ventana.ActiveXObject) {
retorno (nuevo ActiveXObject (Microsoft.XMLHTTP));
}
de lo contrario si (ventana.XMLHttpRequest) {
return(nuevo XMLHttpRequest());
}
}
función información personal() {
var oBao=createobj();
var cont=document.getElementById(persona_detial);
var cont_a=document.getElementById(persona_content);
cont.style.display='bloquear';
cont.style.cursor='puntero';
cont_a.innerHTML=Espere, cargando...;
var my_url=getinfo.asp?+Math.random();
oBao.open(get,mi_url,true);
oBao.onreadystatechange=función(){
si(oBao.readyState==4){
si(oBao.status==200){
cont_a.innerHTML=oBao.responseText;
}demás{
cont_a.innerHTML=Ocurrió un error, el código de error es: +oBao.status;
}
}
}
oBao.enviar();
}
funciónArrastrar(id)
{
var self=esto;
this.obj=(typeof(id)==cadena)?document.getElementById(id):id;
this.obj.onmousedown=función(e)
{
e=e||ventana.evento;
var obj=self.obj;//apunta a uno mismo
if(e.capaX){obj.position={x:e.capaX,y:e.capaY};}
else{obj.position={x:e.offsetX,y:e.offsetY};}
document.onmousemove=self.start;
document.onmouseup=self.end;
}
this.start=función(e)
{
e=e||evento;
document.onselectstart = función(){ devolver falso };
ventana.getSelection && ventana.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=función(e)
{
e=e||evento;
document.onmousemove = document.onmouseup = document.onselectstart = null;
}
}