×îзâ×°°¬¶÷AjaxÎÞË¢ÐÂÉÏ´«×î¼òµ¥µÄµ÷Ó÷½·¨
ÉÏ´«Ò³ÃæÖ»ÐèÒªÒ»¸öjsÒýÓúÍjsº¯ÊýµÄµ÷Ó㬼òµ¥·½±ã£¬²»Ó°ÏìÍøÒ³ÔÓв¼¾Ö¡£
ÏÂÔصØÖ·
µ÷ÓÃ˵Ã÷:
1.Ê×ÏÈÒýÓÃjsÎļþ
<script type="text/javascript" src="AienUpload/init.js"></script>
2.½«º¯Êýµ÷ÓÃ(showUpload(boxCtrl,inputCtrl,upPath,maxCount,fn);)°ó¶¨µ½HTMl¿Ø¼þʼþ£¬ÀýÈç
<input id="files" name="files" type="text" size="60" />
<input type="button" value="ÉÏ´«Îļþ" onclick="showUpload(null,'files','',999,null);" />
µã»÷“ÉÏ´«Îļþ”°´Å¥ºó»áµ¯³öÉÏ´«¿ò£¬µã»÷ÉÏ´«¿òµÄ“ÉÏ´«”°´Å¥ºó»á½«ÉÏ´«ÎļþµÄÎļþÃû×ÖÒÔ;·Ö¸î£¬¸³Öµµ½Ç°Ò»¸öÎı¾¿ò(inputCtrl)
showUpload(boxCtrl,inputCtrl,upPath,maxCount,fn);
²ÎÊý˵Ã÷:
boxCtrl:ÉÏ´«¿ò°ó¶¨µÄ¿Ø¼þµÄID£»ÈôΪnull£¬ÔòÉÏ´«¿òÏÔʾÔÚÒ³ÃæÕýÖмä
inputCtrl:ÉÏ´«¿Ø¼þ°ó¶¨µÄ¿Ø¼þ£¬Ò»°ãΪΪ±¾¿òµÄID£¬±ØÌî
upPath:ÎļþÉÏ´«Ä¿Â¼£¬±¾Ä¿Â¼ÊÇÏà¶ÔÓÚupload.aspÎļþµÄ;ĬÈÏΪupload;Ŀ¼²»´æÔÚÔò×Ô¶¯´´½¨£»
maxCount:×î´óÔÊÐíµÄÉÏ´«ÊýÁ¿£»²»ÉèÖÃΪ²»ÏÞÖÆÉÏ´«ÊýÁ¿
fn:ÉÏ´«¹ý³ÌµÄ»Øµ÷º¯Êý,´«µÝµÄ²ÎÊýΪÎļþÐÅÏ¢Êý×é;ÉèÖñ¾²ÎÊýºóinputCtrl²ÎÊý½«Ê§Ð§
¾ÙÀý˵Ã÷:
showUpload(null,'files','',999,null);
Îı¾¿òÏÔʾÔÚÖмä,·µ»ØÖµÏÔʾÔÚIDΪfilesµÄÎı¾¿òÀïÃ棬ÉÏ´«Ä¿Â¼ÎªÄ¬ÈÏÖµ£¬×î´óÔÊÐíÉÏ´«999¸ö£¬¾ÍÊDz»ÏÞÖÆÁË£¬Ã»Óж¨Òå»Øµ÷º¯Êý£»
showUpload(this,'files','upfiles',2,function(obj){alert(obj.length);}); °ÑÕâ¾äÌæ»»ÉÏÃæµÄÔÙ²âÊÔϾͿ´µ½Ð§¹ûÁË
×¢Òâ:
1¡¢index.htmlºÍupload.asp±ØÐëÔÚͬһĿ¼£»
2¡¢upload.aspºÍAienUploadĿ¼µÄÏà¶ÔλÖò»Äܸıä;
3¡¢AienUpload²»ÄÜÖØÃüÃû
Ïà¹ØÎĵµ£º
1.Ajax Rain
¡¡¡¡AjaxRainÓкܶàÍêÃÀÕûºÏAJAX, CSS, DHTML »ò JavascriptµÄʵÀý£¬ÓÐһЩDemoµÄÈ·ÖµµÃÄãÈ¥¿´Ò»¿´£¬¼´Ê¹Äã²»ÊÇÍøÒ³Éè¼Æ(¿ª·¢)ʦ¡£
Ajax/JavascriptʵÀý:
EXT JS Date Picker
jQuery Feed Menu
jGrowl
FastFind Menu – Jquery
Spiffy Accordion
2.Ajax Daddy ......
ͨ¹ýXMLHttpRequest.responseXML;
½«ÏìÓ¦½âÎöΪXML
»ñµÃ¶ÔÏóÓÐÏÂÃæµÄÊôÐԺͷ½·¨
±í3-1 ÓÃÓÚ´¦ÀíXMLÎĵµµÄDOMÔªËØÊôÐÔ
ÊôÐÔÃû
ÃèÊö
childNodes
·µ»Øµ±Ç°ÔªËØËùÓÐ×ÓÔªËصÄÊý×é
firstChild
·µ»Øµ±Ç°ÔªËصĵÚÒ»¸öϼ¶×ÓÔªËØ
lastChild
·µ»Øµ±Ç°ÔªËصÄ×îºóÒ»¸ ......
Ò»¡¢ajaxµÄÈëÃÅ
1¡¢XMLHttpRequest¶ÔÏóµÄʹÓã¨Ê¹ÓÃXMLHttpRequest½âÎöxmlÎļþ£©
onreadystatechange
Ö¸¶¨µ±readyStateÊôÐԸıäʱµÄʼþ´¦Àí¾ä±ú
open()
´´½¨Ò»¸öеÄhttpÇëÇ󣬲¢Ö¸¶¨´ËÇëÇóµÄ·½·¨¡¢URLµÈÐÅÏ¢
send()
·¢ËÍÇëÇóµ½http·þÎñÆ÷²¢½ÓÊÕ»ØÓ¦
& ......
NO1.
ÔÚatlas(ajax)ÖÐÇ벻ҪʹÓÃResponse.Write(),
ÇëʹÓÃClientScript.RegisterClientScriptBlockÌæ»»
ʹÓÃÈçÏ£º
ClientScript.RegisterClientScriptBlock(this.GetType(), "", "<script>alert('×Ô¼º¿´×Å°ì!')</script>");
×¢Ò⣺RegisterStartupScript ·½·¨Êǽ« JavaScript ǶÈëµ½ ASP.NET Ò³ÃæµÄµ×²¿£ ......
<html>
<head>
<title>jQuery Ajax ʵÀýÑÝʾ</title>
</head>
<script language="javascript" src="../lib/jquery.js"></script>
<script language="javascript">
$(document).ready(function ()
{
$('#send_ajax').click(function (){
&nb ......