Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

DWZ¿ò¼ÜAjax¿ª·¢ÊÓÆµ½Ì²Ä

ÊÓÆµÏÂÔØµØÖ·
£º http://dwz.duqn.com/doc/dwz-ajax-develop.swf

ajax ±íµ¥Ìá½»¡¢·ÖÒ³×é¼þ


´ó¼ÒÔÚʹÓÃDWZ¿ò¼Ü¹ý³ÌÖÐÓöµ½ÎÊÌâ×î¶àµÄÒ²ÊÇajax±íµ¥Ìá½»´¦ÀíÁ÷³Ì¡¢·ÖÒ³×é¼þÎÊÌâ¡£±¾½Ì²ÄÖ÷ÒªÊǽ²½âDWZ¿ò¼Ü±íµ¥Ìá½»¡¢·ÖÒ³µÈajax½»»¥Ô­ÀíºÍ¹æ·¶¡£DWZÆäËü×é¼þÕâÀï²»ÔÙ½²½âÁË£¬´ó¼ÒÈ¥¿´DWZÓû§ÊÖ²á£¬ÌØ±ðÊǵÚÒ»´ÎʹÓÃÒ»¶¨Òª¿´Óû§ÊÖ²áÖÐµÄ “³£¼ûÎÊÌâ¼°½â¾ö”¡£


ʵ¼ÊÉÏʹÓÃDWZ¿ò¼ÜÊǷdz£¼òµ¥·½±ãµÄ¡£¿ª·¢ÈËÔ±»ù±¾²»Ðè×Ô¼ºÐ´JS£¬°üÀ¨ajax±íµ¥Ìá½»¡¢·ÖÒ³×é¼þ¡£

ÐÅÏ¢ÁбíÉϲéѯºÍ·ÖÒ³¶¼ÊÇÓÃÒ»¸öpagerFormÀ´ÁÙʱ´æ²éѯÌõ¼þ¡£ÐèÒªÔÚÿ¸ö²éѯÁбíÒ³Ãæ¼Ó¸öÒþ²ØµÄpagerForm¡£


·ÖÒ³»òɾ³ýÁбíÖеÄÊý¾ÝµÈ²Ù×÷¶¼»áÖØÐÂÔØÈ뵱ǰnavTab»òdialog¡£Ô­ÀíºÜ¼òµ¥¾ÍÊÇDWZ¿ò¼Ü×Ô¶¯×é×°Õâ¸öpagerFormÖеIJÎÊýºóÖØÐÂÔØÈë
µ±Ç°navTab»òdialog¡£


±íµ¥Ìá½»¸ù¾Ý·þÎñÆ÷¶Ë·µ»ØµÄjson½á¹¹£¬ÓÐÒÔϼ¸ÖÖ´¦ÀíÁ÷³Ì£º
1) statusCode==300±íʾ²Ù×÷ʧ°Ü£¬ÌáʾÓû§³ö´íÔ­Òòmessage
2)
statusCode==200±íʾ²Ù×÷³É¹¦£¬Ìáʾmessage
    navTabId·Ç¿Õ£¬ÖØÐÂÔØÈëÖ¸¶¨µÄnavTab
    callbackType=="closeCurrent"¹Ø±Õµ±Ç°formËùÔÚµÄnabTab»òdialog
    callbackType=="forward"µ±Ç°nabTabÔØÈëforwardUrl
{
"statusCode":"״̬Âë200»ò300",
"message":"ÌáʾÐÅÏ¢",
"navTabId":"²Ù×÷³É¹¦ºóÐèÒªÖ¸¶¨navTabʱʹÓÃ",
"callbackType":"closeCurrent»òforward",
"forwardUrl":"callbackTypeÊÇforwardʱʹÓÃ"
}
·Ö Ò³×é¼þʹÓ÷½·¨£º
<div class="pagination"
targetType="navTab" totalCount="200" numPerPage="20" pageNumShown="10"
currentPage="1"></div>
²ÎÊý˵Ã÷:
targetType:
navTab»òdialog£¬ÓÃÀ´±ê¼ÇÊÇnavTabÉϵķÖÒ³»¹ÊÇdialogÉϵķÖÒ³
totalCount: ×ÜÌõÊý        
numPerPage: ÿҳÏÔʾ¶àÉÙÌõ
pageNumShown: Ò³±êÊý×Ö¶àÉÙ¸ö
currentPage: µ±Ç°Êǵڼ¸Ò³


Ïà¹ØÎĵµ£º

AJAXÀïTabContainerµÄCSS (תÌù)

AJAX×Ô´ÓÒý½øÁËTab£¬×ÅʵÈÃÎÒ¿ªÐÄÁËÒ»·¬¡£µ«ÊÇ£¬ÔÚµ÷ÕûTabµÄÑùʽµÄʱºò£¬Ò²×ÅʵÈÃÎÒ³ÔÁËÒ»¾ª¡£
ÓÚÊÇ£¬±§×ÅûÓÐÀ§ÄÑÒ²ÒªÖÆÔìÀ§ÄѵÄÔ­Ôò£¬¿ªÊ¼ÁËÕ÷;£º
°´ÕÕTab×÷ÕßRonald BucktonËù˵£¬TabµÄCSS°üº¬Èçϼ¸¸öÀࣺ
(1).ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer. ......

AJAXÀ©Õ¹¿Ø¼þRating(µÈ¼¶¿Ø¼þ)µÄʹÓ÷½·¨×ܽá


ÈçÉÏͼËùʾµÄµÈ¼¶¿Ø¼þ£¨Õâ¸ö¿Ø¼þÖ÷ÒªÖ¸¶¨Ñùʽ£©£º
Ò³Ãæ´úÂ룺
<head runat="server">
<title>ÎÞ±êÌâÒ³</title>
<mce:style type ="text/css"><!--
.ratingStar
{
font-size:0pt;
width:15px;
height:12px;
......

AjaxʵÏÖµÄÃ÷ϸȥ³ýÖØ¸´ datatableÈ¥³ýÖØ¸´

ajax  Detail.aspxÒ³Ãæ
 protected void Page_Load(object sender, EventArgs e)
    {
        Thread.Sleep(500);
        string Keyid = Request.QueryString["Id"].ToString();
      ......

AjaxµÄpost·½·¨µÄʹÓÃ

¸Õ¿ªÊ¼Ñ§Ajax£¬¿´µ½ºÜ¶àÍøÉϵĴúÂë¶¼ÓÃGet·½·¨Ìá½»²ÎÊý£¬TomcatĬÈÏISO±àÂëʵÔÚÊÇÈÃÈËÍ·Í´£¬¶Ô¸¶ÂÒÂëÎÒ¶¼ÊÇÓùýÂËÆ÷×ö×Ö·û±àÂë¹ýÂ˵ģ¬Get·½·¨¹ýÂËÆ÷¼àÌý²»µ½£¬ËùÒÔÎÒһֱϲ»¶Ê¹ÓÃPost·½·¨£¬ÏÂÃæ¶ÔAjax GetºÍPost·½·¨×öÒ»¶Ô±È
GET£º
view plaincopy to clipboardprint?
<mce:script type="text/javascript"><!- ......

ÎÒµÄAjaxÔÓ̸ Ò²ÐíÒ²ÊÇÂÒµ¯

      Google Suggest ºÍGoogle MapµÄ³öÏÖ£¬ÒýÆðÁËÎÒÃÇWeb¿ª·¢ÕßµÄÒ»´ÎÕ𶯡£Ëæ×ÅAjax¼¼ÊõµÄ³öÏÖ¡¢Ê¢ÐУ¬±¾±»ºöÊÓÈÏΪÊǶþÁ÷±à³ÌÓïÑÔµÄJavaScript½Å±¾Ò²¿ªÊ¼ÁËеÄÊ¢ÐУ¬´óÁ¿µÄJavaScript¿ò¼ÜµÄ³öÏÖÈçMicrosoft Asp.Net Ajax¡¢jQueryµÈ¡£AjaxÒѾ­³ÉΪÕâЩ½Å±¾¿ò¼Ü±Ø²»¿ÉÉÙµÄ×é³É²¿·ÖÁË£¬¶øÇÒAjaxµ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ