تطبيق بسيط لـ AJAX، بما في ذلك ظهور طبقة DIV في طبقة js، وسحب الطبقة، وقراءة بيانات خلفية ajax! لاحظ أنه تم حفظ الملف getinfo.asp بتنسيق utf-8. يمكنك كتابة وقراءة كود قاعدة البيانات في getinfo.asp! وظيفة إنشاءobj () {
إذا (window.ActiveXObject) {
return(new ActiveXObject(Microsoft.XMLHTTP));
}
وإلا إذا (window.XMLHttpRequest) {
return(new XMLHttpRequest());
}
}
وظيفة المعلومات الشخصية () {
var oBao=createobj();
var cont=document.getElementById(person_detial);
var cont_a=document.getElementById(person_content);
cont.style.display='block';
cont.style.cursor='مؤشر';
cont_a.innerHTML=يرجى الانتظار، جارٍ التحميل...;
var my_url=getinfo.asp?+Math.random();
oBao.open(get,my_url,true);
oBao.onreadystatechange=function(){
إذا (oBao.readyState==4){
إذا (oBao.status==200){
cont_a.innerHTML=oBao.responseText;
}آخر{
cont_a.innerHTML=حدث خطأ، رمز الخطأ هو: +oBao.status;
}
}
}
oBao.send();
}
وظيفة السحب (المعرف)
{
فار الذاتي=هذا;
this.obj=(typeof(id)==string)?document.getElementById(id):id;
this.obj.onmousedown=function(e)
{
e=e||window.event;
var obj=self.obj;// أشر إلى self
إذا (e.layerX){obj.position={x:e.layerX,y:e.layerY};}
آخر {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();
فار 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;
}
}