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

Ajaxѧϰ±Ê¼Ç£¨Ò»£©

    ¶ÔÓëÈÎÒâÒ»ÃÅÓïÑÔµÄѧϰ£¬ÎÒÃÇ´ó¶¼ÊÇ´Ó»ù´¡¿ªÊ¼£¬¶ø¶ÔÓÚAjaxµÄѧϰÎÒÃÇ´ó¿É²»±Ø£¬ÒòΪËü±¾Éí¾Í²»ÊÇÒ»ÃÅеÄÓïÑÔ£¬Ajax=Asynchronous javascript and xml¡£·ôdzµÄ˵£¬Ëü¾ÍÊÇ»ù±¾ÓïÑÔ»ìºÏÓ¦ÓõĽá¹û£¬ÕýÓÉÓÚÕâÖÖ»ìºÏ²»ÊÇËæÐÄËùÓû£¬ÈÎÒâ¹´¶ÒµÄ£¬²Å  ÓÐÁ˳Éϵͳ£¬³É¹æ·¶µÄAjax¡£
Ϊ´Ë£¬ÎÒÃÇÒ»¿ªÊ¼¾Í´ÓÒ»¸ö¼òµ¥µÄAjaxÓ¦ÓÿªÊ¼£¬Á˽â¸÷ÖÖ¼¼ÊõµÄ×÷Óã¬ÒÔ¼°ËüÃÇÖ®¼äÇÉÃîµÄÏνÓ×÷Óãº
   Ajax´ø¸øÎÒÃǵģº
ͨ¹ý Ajax£¬ÄúµÄ JavaScript ¿ÉʹÓà JavaScript µÄ XMLHttpRequest ¶ÔÏóÀ´Ö±½ÓÓë·þÎñÆ÷½øÐÐͨÐÅ¡£Í¨¹ýÕâ¸ö¶ÔÏó£¬ÄúµÄ javascript ¿ÉÔÚ²»ÖØÔØÒ³ÃæµÄÇé¿öÓë Web ·þÎñÆ÷½»»»Êý¾Ý
AjaxÔÚä¯ÀÀÆ÷Óë Web ·þÎñÆ÷Ö®¼äʹÓÃÒì²½Êý¾Ý´«Ê䣨HTTP ÇëÇ󣩣¬ÕâÑù¾Í¿ÉÊ¹ÍøÒ³´Ó·þÎñÆ÷ÇëÇóÉÙÁ¿µÄÐÅÏ¢£¬¶ø²»ÊÇÕû¸öÒ³Ãæ¡£
Ajax¿ÉʹÒòÌØÍøÓ¦ÓóÌÐò¸üС¡¢¸ü¿ì£¬¸üÓѺá£
AjaxÊÇÒ»ÖÖ¶ÀÁ¢ÓÚ Web ·þÎñÆ÷Èí¼þµÄä¯ÀÀÆ÷¼¼Êõ¡£
  Á˽âAjaxµÄºËÐĶÔÏóXMLHttpRequest:
 
    ÎÒÃÇÓбØÒªÁ˽âÒ»ÏÂXMLHttpRequest¶ÔÏóµÄÈý¸öÖØÒªÊôÐÔ¡£
    1.onreadystatechangeÊôÐÔ
    onreadystatechangeÊôÐÔ´æÓд¦Àí·þÎñÆ÷ÏìÓ¦µÄº¯Êý
    e.g:xmlHttp.onreadystatechange=function(){ дÉÏÎÒÃÇÐèÒªËü×öµÄÊ }
    2.readyStateÊôÐÔ
    readyStateÊôÐÔ´æÓзþÎñÆ÷ÏìÓ¦µÄ״̬ÐÅÏ¢¡£Ã¿µ±readyState¸Ä±äʱ£¬onreadystatechangeº¯Êý¾Í»á±»Ö´ÐС£
    ״̬0£ºÇëÇóδ³õʼ»¯£¨ÔÚµ÷ÓÃopen()֮ǰ£©
        1£ºÇëÇóÒÑÌá³ö£¨µ÷ÓÃsend()֮ǰ£©
        2£ºÇëÇóÒÑ·¢ËÍ£¨¿ÉÒÔ´ÓÏìÓ¦µÃµ½ÄÚÈÝÍ·²¿£©
        3£ºÇëÇó´¦ÀíÖУ¨ÏìÓ¦ÖÐͨ³£Óв¿·ÖÊý¾Ý¿ÉÓ㬵«·þÎñÆ÷»¹Ã»ÓÐÍê³ÉÏìÓ¦£©
        4£ºÇëÇóÒÑÍê³É£¨¿ÉÒÔ·ÃÎÊ·þÎñÆ÷²¢Ê¹ÓÃËü£©
    3.responseTextÊôÐÔ
        ¿ÉÒÔͨ¹ýresponseTextÊôÐÔÀ´È¡»ØÓÉ·þÎñÆ÷·µ»ØµÄÊý¾Ýe.g:xmlHttp.responseText
 
   Ajax¼òµ¥Ê¾Àý£º 
test.htmlÎļþÈçÏ£º
<html>
<head>
<script type="text/javascript">
//²»Í¬µÄä¯ÀÀÆ÷´´½¨XMLHttpRequest¶ÔÏóµÄ·½·¨
func


Ïà¹ØÎĵµ£º

ajax Áª¶¯

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 ......

ajax jsp¶þ¼¶Áª¶¯ÏÂÀ­¿ò select¿ò


//==================>¡¾index.jsp¡¿===============================
<%@page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<% String path=request.getContextPath();   %>
<%@page import="com.sinoest.dfrf.orm.pojo.Mainmenu"%>
<%@page import="com.si ......

AJAXµÄ°²È«ÐÔ

Web¿ª·¢Õß²»»á×¢Òâµ½ÓÉ “AJAX(Asynchronous JavaScript And XML)”Ëù´øÀ´µÄ¼¤Çé¡£²»·ÑÁ¦Æø¾ÍÄÜ´´½¨ÏñGoogle SuggestÄÇÑùµÄÖÇÄÜÍøÕ¾»òÕßÏñGmailÄÇÑù»ùÓÚWebµÄÓ¦ÓóÌÐò£¬ÕâÔںܴó³Ì¶ÈÉÏÒª¹é¹¦ÓÚÕâÖÖ¼¼Êõ¡£È»¶ø£¬°éËæ×ÅAJAXÓ¦ÓóÌÐòµÄ·¢Õ¹£¬ÎÒÃÇ·¢ÏÖÁËËüµÄһЩ²»×ãÖ®´¦£¬ÎÒÃÇ·¢ÏÖËüµÄ°²È«Â©¶´Ò²ÔÚÖð½¥±ä´ó£¬¾ÍÏñÂý ......

´ÓÁ㿪ʼѧϰjQuery (Áù) AJAX¿ì²Í

Ò».ÕªÒª
±¾ÏµÁÐÎÄÕ½«´øÄú½øÈëjQueryµÄ¾«²ÊÊÀ½ç, ÆäÖÐÓкܶà×÷Õß¾ßÌåµÄʹÓþ­ÑéºÍ½â¾ö·½°¸, 
¼´Ê¹Äã»áʹÓÃjQueryÒ²ÄÜÔÚÔĶÁÖз¢ÏÖЩÐíÃØ¼®.
±¾ÆªÎÄÕ½²½âÈçºÎʹÓÃjQuery·½±ã¿ì½ÝµÄʵÏÖAjax¹¦ÄÜ.ͳһËùÓпª·¢ÈËÔ±
ʹÓÃAjaxµÄ·½Ê½.
¶þ.ǰÑÔ
AjaxÈÃÓû§Ò³Ãæ·á¸»ÆðÀ´, ÔöÇ¿ÁËÓû§ÌåÑé.
ʹÓÃAjaxÊÇËùÓÐWeb¿ª·¢µÄ±Ø ......

AJAX£¨XMLHttpRequest£©¿çÓòÇëÇó±Ê¼Ç£¨Ò»£©

ÒÔÏ´úÂëÇëÔÚFirefox 3.5¡¢Chrome 3.0¡¢Safari 4Ö®ºóµÄ°æ±¾ÖнøÐвâÊÔ¡£IE8µÄʵÏÖ·½·¨ÓëÆäËûä¯ÀÀ²»Í¬¡£
¿çÓòÇëÇ󣬹ËÃû˼Ò壬¾ÍÊÇÒ»¸öÕ¾µãÖеÄ×ÊÔ´È¥·ÃÎÊÁíÍâÒ»¸ö²»Í¬ÓòÃûÕ¾µãÉϵÄ×ÊÔ´¡£ÕâÖÖÇé¿öºÜ³£¼û£¬±ÈÈç˵ͨ¹ý style. ±êÇ©¼ÓÔØÍⲿÑùʽ±íÎļþ¡¢Í¨¹ý img ±êÇ©¼ÓÔØÍⲿͼƬ¡¢Í¨¹ý script. ±êÇ©¼ÓÔØÍⲿ½Å±¾Îļþ¡¢Í¨¹ý W ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ