AJAX Ó¦ÓóÌÐòÌåϵ½á¹¹3
ÆÊÎö AJAX »Ø·¢
ÈôҪʹ ASP.NET Ò³Ãæ³ÉΪ²¿·Ö³ÊÏÖµÄÒ³Ãæ£¬Ê×ÏȱØÐëÏòÒ³ÃæÌí¼ÓÒ»¸ö½Å±¾¹ÜÀíÆ÷£¬È»ºóͨ¹ýʹÓà UpdatePanel ¿Ø¼þ½øÐзâ×°£¬´Ó¶ø¶¨Òå¿É¶ÀÁ¢¸üеÄÇøÓò¡£ÀýÈ磺
< ?xml:namespace prefix = asp />
< asp:ScriptManager runat="server">< /asp:ScriptManager>
< asp:UpdatePanel id=UpdatePanel1 runat="server">
< CONTENTTEMPLATE>
< %-- Markup of the region goes here --%>
< /CONTENTTEMPLATE>
< /asp:UpdatePanel>
UpdatePanel ¿Ø¼þ²»»áÒÔÈκη½Ê½¸Ä±äΪ¸ÃÇøÓòÉú³ÉµÄ¿É¼û±ê¼Ç£¬¶øÖ»ÊÇÏòÔʼ±ê¼ÇÌí¼ÓÒ»¸öÍâΧ
±ê¼Ç£º
< DIV id=UpdatePanel1>
< %-- Markup of the region goes here --%>
< /DIV>
ʲô»á´¥·¢ AJAX »Ø·¢£¿ÈçºÎ½øÐйÜÀí£¿ÓÉ˹ÜÀí£¿Ã¿µ±½Å±¾¹ÜÀíÆ÷ÔÚÒ³ÃæÉϼì²âµ½Ò»¸ö»ò¶à¸ö UpdatePanel ¿Ø¼þʱ£¬Ëü»á·¢³öÈçϵĽű¾³ÌÐò¿é£º
< SCRIPT type=text/javascript>
Sys.WebForms.PageRequestManager._initialize('ScriptManager1',
document.getElementById('form1'));
Sys.WebForms.PageRequestManager.getInstance()._updateControls(
['tUpdatePanel1','tUpdatePanel2'], [], [], 90);
< /SCRIPT>
_initialize ·½·¨Êǿͻ§¶Ë PageRequestManager ¶ÔÏóÉϵľ²Ì¬·½·¨£¨²Î¼û MicrosoftAjaxWebForms.js£©¡£Ëü»á´´½¨Ò»¸ö PageRequestManager ÀàµÄÈ«¾ÖʵÀý£¬²¢½«Æä³õʼ»¯¡£¸ÃÀà³äµ±Ò»¸öµ¥Àý£¬²¢ÇÒÊǺóÀ´¿Éͨ¹ý getInstance ·½·¨À´¼ìË÷µÄΨһ¿ÉÓÃʵÀý¡£ÉÏÊö´úÂë¶ÎµÄµÚ¶þ¸öÓï¾äÏò¿Í»§¶Ë¿ò¼Ü×¢²áÁËÒ»×é UpdatePanel ¿Ø¼þ¡£Ã¿¸ö·þÎñÆ÷¶Ë UpdatePanel ¿Ø¼þ¶¼Í¨¹ýÆä ID ½øÐÐÒýÓá£
´Ë´¦·¢ÉúµÄ¹Ø¼ü²Ù×÷ÔÚ _initialize ·½·¨ÄÚ¡£ÈçÉÏËùÊö£¬ÔÚ´´½¨¸ÃÀàµÄµ¥¸öʵÀýºó£¬¸Ã´úÂë»á½«Æä³õʼ»¯¡£´Ëʱ£¬»¹Îª DOM ±íµ¥¶ÔÏóµÄÌύʼþ×¢²áÁËÒ»¸ö´¦Àí³ÌÐò¡£ÕâÒâζ×Å£¬Ã¿µ±Ò³ÃæÌá½»±íµ¥Ê±£¬AJAX ½Å±¾»á½éÈ벢ʹÓà XMLHttpRequest ·¢³öÇëÇ󣬶ø²»ÊÇÈÃÇëÇó¾ÀúÆÕͨµÄä¯ÀÀÆ÷»Ø·¢¡£×î³õµÄ±íµ¥×ֶμ¯±£³Ö²»±ä£¬²¢ÇÒΪ·þÎñÆ÷¶Ë½Å±¾¹ÜÀíÆ÷·½±ãÆð¼û£¬»á¸½¼ÓһЩ¶îÍâÐÅÏ¢¡£Òò´Ë£¬AJAX »Ø·¢ÉÏÔØµÄÐÅÏ¢Òª±È³£¹æ ASP.NET »Ø·¢¶àÒ»µã¡£
ÊÓͼ״̬ÒÔ¼°ÈÎºÎÆäËûÒþ²Ø×Ö¶ÎËæÇëÇóÒ»ÆðÖ´Ðв¢ÉÏÔØµ½·þÎñÆ÷¡£·µ»ØÍ¾ÖУ¬»áһͬÏÂÔØ¸üеÄÊÓͼ״̬ÓëеÄÒþ²Ø×ֶμ°¿ÉÄܸü¶ÌµÄ±ê¼Ç£¨Èç¹ûÓУ©¡£ÌرðÊÇ£¬¸ÃÏìÓ¦Ö»°üÀ¨»Ø·¢ÆÚ¼äÐ޸ĵĿɸüÐÂÇøÓòµÄ±ê¼Ç¡£¸ÃÁбí°üÀ¨´¥·¢»Ø·¢µÄ Upda
Ïà¹ØÎĵµ£º
×î½üµÄÏîÄ¿ÀïÓõ½AjaxControlToolkit 3.5,ÏîÄ¿Íê³ÉÒÔºóÔÚ±¾µØ²âÊÔûÎÊÌ⣬·Åµ½·þÎñÆ÷ÉÏÈ¥ÔÚIE6¾Í³öÏÖAjax ¿Í»§¶Ë¿ò¼ÜδÄܼÓÔØµÄÎÊÌ⣬ÔÚFF£¬IE7£¬Opera£¬SafariµÈä¯ÀÀÆ÷¶¼Ã»ÎÊÌâ£¬ÕæÊǸ㲻¶®MSÔõô¸ãµÃ£¬ÏÖÔÚ ¾ÍÏëÅׯúIE6£¬ÕҵĺÃÐÁ¿à°¡£¬ÍøÉÏ˵µÄ½â¾ö·½°¸¶¼ÊÔ¹ýÁË£¬¶¼Ã»Óã¬×îºóÕÒµ½µÄ´ð°¸ÊÇ£ºÓ¦ÓóÌÐòµÄ±àÂëÎÊ Ì⣬ֻҪÔÚ ......
/***************************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</ ......
function selectTradezone(){
var copyTradezone = document.forms[0].copyTradezone;
new BaseTool().ajax("getTradezoneByCity",callback,[document.forms[0].city.value,document.forms[0].brand.value]);
function callba ......
Dojo1.3.x
µÄ
Ajax
ʾÀý
ÕûÀíÈË£º»Æ³Ï
QQ
Ⱥ£º
65643887
ÕâÆªÎÄÕÂÖ÷ÒªÊǰïÖú¶Ô
Dojo
¸ÐÐËȤµÄÅóÓÑÃÇ¿ì
ËÙʵÏÖÍøÕ¾ÉϵÄÀý×Ó¡£
http://sitepen.com/labs/guides/?guide=DojoQuickStart#Ajax
Ëü½Ì³Ì·ÖÁË
3
²¿·Ö£¬ÆäÖеÄÀý×Ó²»ÈÝÒ×
ÉÏÊÖ¡£ÎÒÕâÀïÌṩһ¸ö´ò°üÎļþ
AjaxWithDojo.war
ÏÂÃæÎÒ½«Ïêϸ˵Ã÷²Ù×÷²½Ö ......
-------------------------jspÖеÄjs´úÂë--------------------
<script type="text/javascript">
function ajaxFunction(sort){
var xmlHttp;
try{
// Firefox, Opera 8.0+, Safari
xmlHttp=new X ......