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

AJAX¡¢DOM£¬Ãû´Ê½âÊÍ

£¨ÒÔÏÂÀ´×ÔWIKI£©
      AJAXÈ«³ÆÎª“Asynchronous JavaScript and XML”£¨Òì²½JavaScriptºÍXML£©£¬ÊÇÒ»ÖÖ´´½¨½»»¥Ê½ÍøÒ³Ó¦ÓõÄÍøÒ³¿ª·¢¼¼Êõ¡£¸ù據AjaxÌá³öÕßJesse James Garrett½¨議[1]£¬Ëü£º
ʹÓÃXHTML+CSSÀ´±íʾÐÅÏ¢£»
ʹÓÃJavaScript²Ù×÷DOM£¨Document Object Model£©½øÐж¯Ì¬ÏÔʾ¼°½»»¥£»
ʹÓÃXMLºÍXSLT½øÐÐÊý¾Ý½»»»¼°Ïà¹Ø²Ù×÷£»
ʹÓÃXMLHttpRequest¶ÔÏóÓëWeb·þÎñÆ÷½øÐÐÒì²½Êý¾Ý½»»»£»
ʹÓÃJavaScript½«ËùÓеĶ«Î÷°ó¶¨ÔÚÒ»Æð¡£
ʹÓÃSOAPÒÔXMLµÄ¸ñʽÀ´´«ËÍ·½·¨ÃûºÍ·½·¨²ÎÊý¡£
      ÀàËÆÓÚDHTML»òLAMP£¬AJAX²»ÊÇÖ¸Ò»ÖÖµ¥Ò»µÄ¼¼Êõ£¬¶øÊÇÓлúµØÀûÓÃÁËһϵÁÐÏà¹ØµÄ¼¼Êõ¡£ÊÂʵÉÏ£¬Ò»Ð©»ùÓÚAJAXµÄ“ÅÉÉú£¯ºÏ³É”ʽ£¨derivative/composite£©µÄ¼¼ÊõÕýÔÚ³öÏÖ£¬Èç“AFLAX”¡£
AJAXµÄÓ¦ÓÃʹÓÃÖ§³ÖÒÔÉϼ¼ÊõµÄWebä¯ÀÀÆ÷×÷ΪÔËÐÐÆ½Ì¨¡£ÕâЩä¯ÀÀÆ÷Ŀǰ°üÀ¨£ºInternet Explorer¡¢Mozilla¡¢Firefox¡¢Opera¡¢Konqueror¼°Mac OSµÄSafari¡£µ«ÊÇOpera²»Ö§³ÖXSL¸ñʽ¶ÔÏó£¬Ò²²»Ö§³ÖXSLT[2]¡£
    ´«Í³µÄWebÓ¦ÓÃÔÊÐíÓû§¶ËÌîд±íµ¥£¨form£©£¬µ±Ëͳö±íµ¥Ê±¾ÍÏòWebËÅ·þÆ÷·¢ËÍÒ»¸öÇëÇó¡£ËÅ·þÆ÷½ÓÊÕ²¢´¦Àí´«À´µÄ±íµ¥£¬È»ºóËÍ»ØÒ»¸öеÄÍøÒ³£¬µ«Õâ¸ö×ö·¨ÀË·ÑÁËÐí¶à´ø¿í£¬ÒòΪÔÚǰºóÁ½¸öÒ³ÃæÖеĴ󲿷ÖHTMLÂëÍùÍùÊÇÏàͬµÄ¡£ÓÉÓÚÿ´ÎÓ¦Óõŵͨ¶¼ÐèÒªÏòËÅ·þÆ÷·¢ËÍÇëÇó£¬Ó¦ÓõĻØ應ʱ¼ä¾ÍÒÀÀµÓÚËÅ·þÆ÷µÄ»Ø應ʱ¼ä¡£Õâµ¼ÖÂÁËÓû§½çÃæµÄ»Ø應±È±¾機Ó¦ÓÃÂýµÃ¶à¡£
     Óë´Ë²»Í¬£¬AJAXÓ¦ÓÿÉÒÔ½öÏòËÅ·þÆ÷·¢ËͲ¢È¡»Ø±ØÐèµÄÊý¾Ý£¬ËüʹÓÃSOAP»òÆäËüһЩ»ùÓÚXMLµÄÒ³Ãæ·þÎñ½Ó¿Ú£¨½éÃæ£©£¬²¢ÔÚ¿Í»§¶Ë²ÉÓÃJavaScript´¦ÀíÀ´×ÔËÅ·þÆ÷µÄ»Ø應¡£ÒòΪÔÚËÅ·þÆ÷ºÍä¯ÀÀÆ÷Ö®¼ä½»»»µÄÊý¾Ý´óÁ¿¼õÉÙ£¨´óÔ¼Ö»ÓÐÔ­À´µÄ5%£©£¬½á¹ûÎÒÃǾÍÄÜ¿´µ½»Ø應£¨ËÅ·þÆ÷»Ø應£©¸ü¿ìµÄÓ¦Óã¨結¹û£©¡£Í¬Ê±ºÜ¶àµÄ´¦Àí¹¤×÷¿ÉÒÔÔÚ·¢³öÇëÇóµÄ¿Í»§¶Ë»úÆ÷ÉÏÍê³É£¬ËùÒÔWebËÅ·þÆ÷µÄ´¦Àíʱ¼äÒ²¼õÉÙÁË¡£
(ÒÔÏÂת×Ôhttp://www.w3school.com.cn/htmldom/htmldom_reference.asp)
JavaScript ¶ÔÏó
µã»÷ÒÔÏÂÁ´½Ó£¬¿ÉÒÔ»ñµÃÒÔ϶ÔÏóµÄ¸ü¶àÐÅÏ¢£¬°üÀ¨ËüÃǵļ¯ºÏ¡¢ÊôÐÔ¡¢·½·¨ÒÔ¼°Ê¼þ¡£ÆäÖаüº¬´óÁ¿ÊµÀý£¡
¶ÔÏóÃèÊö
Window
JavaScript ²ã¼¶ÖеĶ¥²ã¶ÔÏ󣬱íʾä¯ÀÀÆ÷´°¿Ú¡£
Navigator
°üº¬¿Í»§¶Ëä¯ÀÀÆ÷µÄÐÅÏ¢¡£
Screen
°üº¬¿Í»§¶ËÏÔʾÆÁµÄÐÅÏ¢¡£
History


Ïà¹ØÎĵµ£º

ajax / jquery / javascript

1.ʲôÊÇAjax?
AjaxµÄÈ«³ÆÊÇ£ºAsynchronous + JavaScript+XML   -------------------->  Òì²½µÄ(²»Í¬Ê±µÄ) javascript ¼° xml
2.AjaxµÄ¶¨Ò壺
Ajax²»ÊÇÒ»¸ö¼¼Êõ£¬Ëüʵ¼ÊÉÏÊǼ¸ÖÖ¼¼Êõ£¬Ã¿ÖÖ¼¼Êõ¶¼ÓÐÆä¶ÀÌØÕâ´¦£¬ºÏÔÚÒ»Æð¾Í³ÉÁËÒ»¸ö¹¦ÄÜÇ¿´óµÄм¼Êõ¡£
3.Ajax°üÀ¨£º
XHTMLºÍCSS
ʹÓÃÎĵµ¶ ......

¹ØÓÚAjaxä¯ÀÀÆ÷Ö§³ÖµÄ´úÂë

<script type="text/javascript">
function AjaxFunction()
 {
 var xmlHttp;
 
 try
    {
   // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
 & ......

AJAX ¼¼ÊõÈëÃÅ

index.jsp
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>AJAX ¼¼Êõ¼òµ¥Ó¦ÓÃ</title>
       ......

AJAXʵÏֵĶàÈËЭͬÉè¼Æ


Download board.zip - 39.6 KB - Old Version 
Download board_2008.zip - 55.03 KB  - Latest VS 2008 Version
Introduction  
This is an AJAX based WhiteBoard application. Typically unlike their desktop based counterparts, web applications need to be designed to use optimal ......

jQuery Ajax ʵÀýÑÝʾ

 
<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 ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ