AJAXÀà
AJAXÀà
// AJAXÀà
function AJAXRequest() {
var xmlObj = false;
var CBfunc,ObjSelf;
ObjSelf=this;
try { xmlObj=new XMLHttpRequest; }
catch(e) {
try { xmlObj=new ActiveXObject("MSXML2.XMLHTTP"); }
catch(e2) {
try { xmlObj=new ActiveXObject("Microsoft.XMLHTTP"); }
catch(e3) { xmlObj=false; }
}
}
if (!xmlObj) return false;
this.method="POST";
this.url;
this.async=true;
this.content="";
this.callback=function(cbobj) {return;}
this.send=function() {
if(!this.method||!this.url||!this.async) return false;
xmlObj.open (this.method, this.url, this.async);
if(this.method=="POST") xmlObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlObj.onreadystatechange=function() {
if(xmlObj.readyState==4) {
if(xmlObj.status==200) {
ObjSelf.callback(xmlObj);
}
}
}
if(this.method=="POST") xmlObj.send(this.content);
else xmlObj.send(null);
}
}
ÀàÃû£ºAJAX
´´½¨·½·¨£ºvar ajaxobj=new AJAX;£¬Èç¹û´´½¨Ê§°ÜÔò·µ»Øfalse
ÊôÐÔ£ºmethod - ÇëÇó·½·¨£¬×Ö·û´®£¬POST»òÕßGET£¬Ä¬ÈÏΪPOST
¡¡¡¡¡¡url - ÇëÇóURL£¬×Ö·û´®£¬Ä¬ÈÏΪ¿Õ
¡¡¡¡¡¡async - ÊÇ·ñÒì²½£¬trueΪÒì²½£¬falseΪͬ²½£¬Ä¬ÈÏΪtrue
¡¡¡¡¡¡content - ÇëÇóµÄÄÚÈÝ£¬Èç¹ûÇëÇó·½·¨ÎªPOSTÐèÒªÉ趨´ËÊôÐÔ£¬Ä¬ÈÏΪ¿Õ
¡¡¡¡¡¡callback - »Øµ÷º¯Êý£¬¼´·µ»ØÏìÓ¦ÄÚÈÝʱµ÷Óõĺ¯Êý£¬Ä¬ÈÏΪֱ½Ó·µ»Ø£¬»Øµ÷º¯ÊýÓÐÒ»¸ö²ÎÊýΪXMLHttpRequest¶ÔÏ󣬼´¶¨Òå»Øµ÷º¯ÊýʱҪÕâÑù£ºfunction mycallback(xmlobj)
·½·¨£ºsend() - ·¢ËÍÇëÇó£¬ÎÞ²ÎÊý
Ò»¸öÀý×Ó£º
<script type="text/javascript" src="ajaxrequest.js"></script>
<script type="text/javascript">
var ajaxobj=new AJAXRequest; // ´´½¨AJAX¶ÔÏó
ajaxobj.method="GET"; // ÉèÖÃÇëÇó·½Ê½ÎªGET
ajaxobj.url="default.asp" // URLΪdefault.asp
// ÉèÖûص÷º¯Êý£¬Êä³öÏìÓ¦ÄÚÈÝ
ajaxobj.callback=function(xmlobj) {
document.write(xml
Ïà¹ØÎĵµ£º
Ajax±à³Ì Ajax»ùÓÚÒÔϼ¼Êõ£º DHTML, JavaScript, XmlHttpRequest£¬ JSON£¨JavaScript Object Notation£© ASP.NET 2.0 ÐèÒªÏÂÔØAJAX ¿âºÍ¿Ø¼þ£¬ ASP.NET 3.5°üº¬ÁËASP.NET AJAX¡£ & ......
ѧϰAjax½Ì³Ì£¬ÏêϸÁ˽âGetÓëPost
Get·½Ê½:
×÷ÓÃ:¿É´«Ëͼòµ¥Êý¾Ý
´óС:url×î´ó³¤¶ÈÊÇ2083 bytes,¿ÉÒÔÓÃÓÚGET´«µÝÊý¾ÝµÄ³¤¶ÈÊÇ2048 bytes
°üº¬Ìå:Êý¾Ý×·¼Óµ½urlÖз¢ËÍ,Ò²¾ÍÊÇhttpµÄheader´«ËÍ
Post·½Ê½:
×÷ÓÃ:¿É´«Ëͼòµ¥¸´ÔÓÊý¾Ý
´óС:web.configÀïÏÞÖÆ
°üº¬Ìå:Êý¾ÝÔÚhttpÇëÇóµÄʵÌåÄÚÈÝÀï´«ËÍ
AjaxÓÃPostģʽ´«ËÍÊ ......
ǰ̨HTML´úÂë:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>ÎÞ±êÌâÒ³</title>
<style ......
ÓйØajaxµÄÆäʵ¾ÍÊÇ1¸öÀàµÄʹÓÃ:XMLHttpRequest.
Ê×ÏÈÒªÉùÃ÷Õâ¸öÀàµÄ¶ÔÏ󣬼øÓÚ¸÷¸öä¯ÀÀÆ÷°ÑÕâ¸öÀàǶÈëµÄ·½Ê½²»Í¬£¬ÉùÃ÷µÄ·½Ê½Ò²²»Í¬£º
var xmlHttpReq = null;
if (window.XMLHttpRequest) //Mozilla ä¯ÀÀÆ÷
{
¡¡¡¡¡¡ xmlHttpReq = new XMLHttpRequest();
¡¡¡¡}
¡¡ else if (window.ActiveXObject) // ......
ajaxʵÏÖ½«Êó±ê·Åµ½Í¼±êÉÏ£¬Ï·½»áÏÔʾºÍ¸ÃͼÓйصÄÐÅÏ¢
¿Í»§¶Ë´úÂëmouseover.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv=" ......