ตัวอย่างแอปพลิเคชันอย่างง่ายของ AJAX - เลเยอร์ป๊อปอัป

แอปพลิเคชัน AJAX อย่างง่าย รวมถึง js ที่แสดงเลเยอร์ DIV การลากเลเยอร์ และข้อมูลการอ่านพื้นหลัง ajax! โปรดทราบว่าไฟล์ getinfo.asp จะถูกบันทึกในรูปแบบ utf-8 คุณสามารถเขียนและอ่านโค้ดฐานข้อมูลใน getinfo.asp ได้! ฟังก์ชั่น createobj() {

ถ้า (window.ActiveXObject) {

กลับ (ActiveXObject ใหม่ (Microsoft.XMLHTTP));

-

อื่นถ้า (window.XMLHttpRequest) {

กลับ (XMLHttpRequest ใหม่ ());

-

-

ฟังก์ชั่น PersonalInfo() {

var oBao=createobj();

var cont=document.getElementById(person_detial);

var cont_a=document.getElementById(person_content);

cont.style.display='บล็อก';

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.ส่ง();

-

functionDrag(รหัส)

-

var self = นี่;

this.obj=(typeof(id)==string)?document.getElementById(id):id;

this.obj.onmousedown=ฟังก์ชั่น(e)

-

e=e||window.event;

var obj=self.obj;//ชี้ไปที่ตัวเอง

ถ้า(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;

-

นี้.เริ่มต้น=ฟังก์ชั่น(จ)

-

e=e||เหตุการณ์;

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;

-

นี้.end=ฟังก์ชั่น(จ)

-

e=e||เหตุการณ์;

document.onmousemove = document.onmouseup = document.onselectstart = null;

-

-