AJAX Ó¦ÓÃ
<script type="text/javascript">
function addUrl(){
//1¡¢ÉèÖÃÇëÇóurlµØÖ·
var name = document.getElementById("name").value;
var text = document.getElementById("url").value;
var url = "insertUrl.do?name="+name+
"&url="+text+"&time"+new Date() ;
//2¡¢´´½¨xmlHttpRequest¶ÔÏó
xmlHttpRequest = createXmlHttpRequest();
//3¡¢ÉèÖÃxmlHttpRequest¶ÔÏóµÄ»Øµ÷º¯Êý
xmlHttpRequest.onreadystatechange = execute ;
//4¡¢×¢²áxmlHttpRequest¶ÔÏó
xmlHttpRequest.open("get",url,true);
//5¡¢·¢ËÍÇëÇó
xmlHttpRequest.send(null);
}
//´´½¨xmlHttpRequest¶ÔÏó·½·¨
function createXmlHttpRequest(){
//Èç¹ûÊÇIEä¯ÀÀÆ÷
if(window.ActiveXObject){
return new ActiveXObject("Microsoft.XMLHTTP");
}
//·ÇIEä¯ÀÀÆ÷
if(window.XMLHttpRequest){
return new XMLHttpRequest();
}
}
//»Øµ÷º¯Êý
function execute(){
//µ±xmlHttpRequestµÄ״̬Ϊ½ÓÊÕ½á¹û²¢Íê±ÏºÍ·þÎñÆ÷·µ»Ø×´Ì¬ÎªÕý³£Ö´ÐÐˢв¿·ÖÒ³Ãæ
if(xmlHttpRequest.readyState == 4 &&
xmlHttpRequest.status == 200){
if(xmlHttpRequest.responseText=="true"){
alert("Ìí¼Ó³É¹¦£¡");
//Ìí¼Óµ½ÏÂÀÁбí
var obj = document.getElementById("myUrl");
var name =
document.getElementById("name").value;
var text =
document.getElementById("url").value;
var op = new Option(name,text);
obj.options.add(op);
//Òþ²Ø²ã
showAddUrl();
}
}
}
½âÎöXML·µ»ØµÄÀý×Ó
//»Øµ÷º¯Êý
function execute(){
//µ±xmlHttpRequestµÄ״̬Ϊ½ÓÊÕ½á¹û²¢Íê±ÏºÍ·þÎñÆ÷·µ»Ø×´Ì¬ÎªÕý³£Ö´ÐÐˢв¿·ÖÒ³Ãæ
if(xmlHttpRequest.readyState == 4 &&
xmlHttpRequest.status == 200){
alert("Ìí¼Ó³É¹¦£¡");
//Ìí¼Óµ½ÏÂÀÁбí
var obj = document.getElementById("myUrl");
//Ìí¼Ó֮ǰÏÈÇå¿ÕÁбí
obj.options.length = 0 ;
//»ñÈ¡xmlHttpRequest·µ»ØµÄxml¶ÔÏó
(ÀûÓÃJavaScriptµÄDOMÄ£Ðͽ«´Ëxml½âÎö³öÀ´)
xmlDoc = xmlHttpRequest.responseXml;
//»ñÈ¡¸ù½Úµã
myUrl = xmlDoc.documentElement ;
//Ñ»·±éÀú¸ù½ÚµãµÄËùÓÐ×Ó½Úµã
for(var x=0;x<myUrl.childNodes.length;x++){
m
Ïà¹ØÎĵµ£º
µÚËÄÕ Ajax·þÎñÆ÷À©Õ¹ÆÊÎö
Ajax·þÎñÆ÷À©Õ¹£ºASP.NET Ajax¿ò¼ÜµÄ·þÎñÆ÷¶Ë¡£
4.1ASP.NET ¿ª·¢ÈËÔ±µÄAjax
Ϊ·þÎñÆ÷¶Ë¿ª·¢ÌṩAjaxÖ§³Ö¡£°üÀ¨Ò»×éеķþÎñÆ÷¿Ø¼þºÍ·þÎñ£¬ÓÃÀ´ÃþÄâ¿Í»§¶ËAjaxÐÐΪ¡£
4.2¸Ä½øÔÓÐASP.NETÍøÕ¾
(1)¸ÄÉÆÍøÂçÑÓ³Ù£º¾¡×î´ó¿ÉÄܼõÉÙä¯ÀÀÆ÷ºÍ·þÎñÆ÷Ö®¼ä´«µÝµÄÊý¾ÝÁ¿¡£
(2)Ïû³ýȫҳà ......
ÔÚÒ»¸öÏîÄ¿Öзּ¶Ñ¡ÔñÐÐÕþÇø»®Ê±Óõ½AJAX½øÐÐÎÞˢм¶Áª£¬ÎÒÔÚÒ³ÃæÖбàÂëÓõÄÊÇUTF-8£¬×ÜÊDZ¨½Å±¾´íÎó£¬
ÎÒ°ÑÒ³Ãæ±àÂë»»³ÉGBKÓÖÊÇÕý³£µÄ£¬ºóÀ´ÔÚÍøÉÏËÑË÷ÁËһϣ¬ÔÚÒýÈëJSʱ¼ÓÈë±àÂë¾Í¿ÉÒÔÁË£¬ÈçÏ£º
<script language="Javascript" src="js/jquery.js" charset="gb2312"></script> ......
/***************************by
garcon1986********************************/
Index.php:
<script type="text/javascript" src="ajax.js" ></script>
<a href="#" onclick="funphp('S')" >S</a>
<a href="for.php?url=E" >E</ ......
Ajax ¸ø XMLHttpReq.onreadystatechange´«µÝ²ÎÊý
ͨ¹ý£º
xmlhttp.onreadystatechange= function(){xx(123)};
or
xmlhttp.onreadystatechange= new Function("xx(123)");
¾Í¿ÉÒÔÁË¡£
m=document.getElementsByName("text8");
v=m[i];
XMLHttpReq.onreadystatechange=function(){proce(v)};
---------------------- ......
Thickbox
-
»ùÓÚ
jQuery
£¬Ö§³Ö AJAX£¬ÇáÁ¿¼¶µÄ¶øÇұȽϸßЧ¡£Ö§³ÖͼƬÓëHTMLÄÚÈÝ¡£´óСԼΪ
40k£¬Ä¿Ç°»¹¿É×÷Ϊ WordPress
µÄ²å¼þʹÓá£Õâ¸öjsµÄÓŵãÔÚÓÚÓ룬¸¸¼¶µÄÔÒ³Ãæ¹ö¶¯ÌõËæÊó±ê¹ö¶¯µÄʱºò£¬µ¯³öµÄ²ã²¢²»Òƶ¯£¬¶øÊ¼ÖÕ´¦ÓÚä¯ÀÀÆ÷µÄ¹Ì¶¨Î»Öá£
GreyBox
- ´´½¨ iframe µÄµ¯³ö½çÃæ£¬¿ÉʹÓÃͼƬ ......