Aplikasi sederhana AJAX, termasuk js memunculkan lapisan DIV, menyeret lapisan, dan membaca data latar belakang ajax! Perhatikan bahwa file getinfo.asp disimpan dalam format utf-8. Anda dapat menulis dan membaca kode database di getinfo.asp! fungsi buatobj() {
if (jendela.ActiveXObject) {
kembali(ActiveXObject baru(Microsoft.XMLHTTP));
}
else if (jendela.XMLHttpRequest) {
kembali (XMLHttpRequest baru ());
}
}
fungsi info pribadi() {
var oBao=buatobj();
var cont=document.getElementById(person_detial);
var cont_a=dokumen.getElementById(person_content);
cont.style.display='blok';
cont.style.cursor='penunjuk';
cont_a.innerHTML=Harap tunggu, sedang memuat...;
var my_url=getinfo.asp?+Math.random();
oBao.open(dapatkan,url_saya,benar);
oBao.onreadystatechange=fungsi(){
if(oBao.readyState==4){
if(oBao.status==200){
cont_a.innerHTML=oBao.responseText;
}kalau tidak{
cont_a.innerHTML=Terjadi kesalahan, kode kesalahannya adalah: +oBao.status;
}
}
}
oBao.kirim();
}
fungsiSeret(id)
{
var diri=ini;
this.obj=(typeof(id)==string)?document.getElementById(id):id;
this.obj.onmousedown=fungsi(e)
{
e=e||jendela.acara;
var obj=self.obj;//menunjuk ke diri sendiri
if(e.layerX){obj.position={x:e.layerX,y:e.layerY};}
else{obj.position={x:e.offsetX,y:e.offsetY};}
document.onmousemove=self.mulai;
document.onmouseup=self.end;
}
ini.mulai=fungsi(e)
{
e=e||peristiwa;
dokumen.onselectstart = function(){ return false };
window.getSelection && window.getSelection().removeAllRanges();
var obj=diri.obj;
obj.style.left=e.clientX-obj.position.x+px;
obj.style.top=e.clientY-obj.position.y+px;
}
ini.akhir=fungsi(e)
{
e=e||peristiwa;
document.onmousemove = dokumen.onmouseup = dokumen.onselectstart = null;
}
}