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

AJAX Follow Me

×î½üÍøÉÏÌáµÄºÜ¶àµÄÒ»¸öиÅÄî¾ÍÊÇ AJAX ÁË, ÄÇô, AJAX ÊÇʲôÄØ? ÒÔÏÂÄÚÈÝÒýÓÃÍøÉÏ×ÊÁÏ:
AJAXÈ«³ÆΪ“Asynchronous JavaScript and XML”£¨Òì²½JavaScriptºÍXML£©£¬ÊÇÖ¸Ò»ÖÖ´´½¨½»»¥Ê½ÍøÒ³Ó¦ÓõÄÍøÒ³¿ª·¢¼¼Êõ¡£ËüÓлúµØ°üº¬ÁËÒÔϼ¸ÖÖ¼¼Êõ£º
Ajax£¨Asynchronous JavaScript + XML£©µÄ¶¨Òå
»ùÓÚ web±ê×¼£¨standards-based presentation£©XHTML+CSSµÄ±íʾ£»
ʹÓà DOM£¨Document Object Model£©½øÐж¯Ì¬ÏÔʾ¼°½»»¥£»
ʹÓà XML ºÍ XSLT ½øÐÐÊý¾Ý½»»»¼°Ïà¹Ø²Ù×÷£»
ʹÓà XMLHttpRequest ½øÐÐÒì²½Êý¾Ý²éѯ¡¢¼ìË÷£»
ʹÓà JavaScript ½«ËùÓеĶ«Î÷°ó¶¨ÔÚÒ»Æð¡£Ó¢ÎIJμûAjaxµÄÌá³öÕßJesse James GarrettµÄÔ­ÎÄ
ÀàËÆÓÚDHTML»òLAMP£¬AJAX²»ÊÇÖ¸Ò»ÖÖµ¥Ò»µÄ¼¼Êõ£¬¶øÊÇÓлúµØÀûÓÃÁËһϵÁÐÏà¹ØµÄ¼¼Êõ¡£ÊÂʵÉÏ£¬Ò»Ð©»ùÓÚAJAXµÄ“ÅÉÉú/ºÏ³É”ʽ£¨derivative/composite£©µÄ¼¼ÊõÕýÔÚ³öÏÖ£¬Èç“AFLAX”¡£
AJAXµÄÓ¦ÓÃʹÓÃÖ§³ÖÒÔÉϼ¼ÊõµÄwebä¯ÀÀÆ÷×÷ΪÔËÐÐƽ̨¡£ÕâЩä¯ÀÀÆ÷Ä¿Ç°°üÀ¨£ºMozilla¡¢Firefox¡¢Internet Explorer¡¢Opera¡¢Konqueror¼°Safari¡£µ«ÊÇOpera²»Ö§³ÖXSL¸ñʽ¶ÔÏó£¬Ò²²»Ö§³ÖXSLT¡£
Ó봫ͳµÄwebÓ¦ÓñȽÏ
´«Í³µÄwebÓ¦ÓÃÔÊÐíÓû§Ìîд±íµ¥(form)£¬µ±Ìá½»±íµ¥Ê±¾ÍÏòweb·þÎñÆ÷·¢ËÍÒ»¸öÇëÇó¡£·þÎñÆ÷½ÓÊÕ²¢´¦Àí´«À´µÄ±íµ¥£¬È»ºó·µ»ØÒ»¸öеÄÍøÒ³¡£Õâ¸ö×ö·¨ÀË·ÑÁËÐí¶à´ø¿í£¬ÒòΪÔÚÇ°ºóÁ½¸öÒ³ÃæÖеĴ󲿷ÖHTML´úÂëÍùÍùÊÇÏàͬµÄ¡£ÓÉÓÚÿ´ÎÓ¦ÓõĽ»»¥¶¼ÐèÒªÏò·þÎñÆ÷·¢ËÍÇëÇó£¬Ó¦ÓõÄÏìӦʱ¼ä¾ÍÒÀÀµÓÚ·þÎñÆ÷µÄÏìӦʱ¼ä¡£Õâµ¼ÖÂÁËÓû§½çÃæµÄÏìÓ¦±È±¾µØÓ¦ÓÃÂýµÃ¶à¡£
Óë´Ë²»Í¬£¬AJAXÓ¦ÓÿÉÒÔ½öÏò·þÎñÆ÷·¢ËͲ¢È¡»Ø±ØÐèµÄÊý¾Ý£¬ËüʹÓÃSOAP»òÆäËüһЩ»ùÓÚXMLµÄweb service½Ó¿Ú£¬²¢ÔÚ¿Í»§¶Ë²ÉÓÃJavaScript´¦ÀíÀ´×Ô·þÎñÆ÷µÄÏìÓ¦¡£ÒòΪÔÚ·þÎñÆ÷ºÍä¯ÀÀÆ÷Ö®¼ä½»»»µÄÊý¾Ý´óÁ¿¼õÉÙ£¬½á¹ûÎÒÃǾÍÄÜ¿´µ½ÏìÓ¦¸ü¿ìµÄÓ¦Óá£Í¬Ê±ºÜ¶àµÄ´¦Àí¹¤×÷¿ÉÒÔÔÚ·¢³öÇëÇóµÄ¿Í»§¶Ë»úÆ÷ÉÏÍê³É£¬ËùÒÔWeb·þÎñÆ÷µÄ´¦Àíʱ¼äÒ²¼õÉÙÁË¡£
    ¹ØÓÚ AJAX Ìá³öÕßÎĵµµÄ·­Òë¼ûÕâÀï: Ajax: A New Approach to Web Applications(ÖÐÓ¢¶ÔÕÕ) . Äú¿ÉÄÜÏë¿´¿´µ½µ×ÓÐʲôºÜ¿áºÜìÅµÄ Web Õ¾µãÓõ½ÁË AJAX, ¿ÉÒÔ¿´ÕâÀï: Google Suggest, Google Maps, »¹ÓÐÎÒ¸öÈË×öµÄÒ»¸öССµÄÀý×Ó: AJAX Test.
    AJAX ÊÇÒ»¸öгöÏÖµÄÃû´Ê, µ«ÊÇÒýÓõÄÕ⼸Ïî¼¼Êõ¶¼ÊÇÀϵĴæÔÚÁ˺ܾõļ¼Êõ, ÉõÖÁ, ×î´óΪÍƳçµÄ XMLHttpRequest Ò²²»ÊÇ W3C ¹æ·¶µÄÒ


Ïà¹ØÎĵµ£º

AjaxÈëÃÅÀý×Ó

  //´´½¨XMLHttpRequest¶ÔÏó£¬ÐèÒª¸ù¾ÝIEºÍä¯ÀÀÆ÷ÀàÐÍ´´½¨²»Í¬µÄxhr¶ÔÏó
var xhrobj;
function check()
{
//»ñÈ¡Îı¾¿òµÄÖµ
var username = document.getElementById("username").value;
if(window.XMLHttpRequest)
{
//Õë¶Ôfirefox£¬Mozilla£¬ie7£¬ie8µÈ
xhrobj = new XMLHttpRequest();
/ ......

jQuery ajax upload image

$(function(){
new AjaxUpload('file1', {
action: 'uploadpic.asp',
name: 'form1',
data:{act:'uploadfile',FormName:'form1'},
autoSubmit:false,
responseType:'json',
onSubmit:function(file,ext){
if (!(ext && /^(jpg|png|gif)$/i.test(ext))){
alert('ÇëÄúÉÏ´« ......

AJAX¼¼Êõ»ã×Ü

AJAX
AJAXÈ«³ÆΪ“Asynchronous JavaScript and XML”£¨Òì²½JavaScriptºÍXML£©£¬ÊÇÖ¸Ò»ÖÖ´´½¨½»»¥Ê½ÍøÒ³Ó¦ÓõÄÍøÒ³¿ª·¢¼¼Êõ¡£ËüÓлúµØ°üº¬ÁËÒÔϼ¸ÖÖ¼¼Êõ£º
Ajax£¨Asynchronous JavaScript + XML£©µÄ¶¨Òå
»ùÓÚweb±ê×¼£¨standards-based presentation£©XHTML+CSSµÄ±íʾ£»
ʹÓà DOM£¨Document Object Model£© ......

JSON JavaÓëAJAX(Jquery)

Ò»¡¢JSON ÊÇʲô£¿
JSON µÄÈ«³ÆÊÇJavaScript Object Notation£¬ÊÇÒ»ÖÖÇáÁ¿¼¶µÄÊý¾Ý½»»»¸ñʽ¡£
JSON ÓëXML ¾ßÓÐÏàͬµÄÌØÐÔ£¬ÀýÈçÒ×ÓÚÈ˱àдºÍÔĶÁ£¬Ò×ÓÚ»úÆ÷Éú³ÉºÍ½âÎö¡£µ«ÊÇJSON ±È
XML Êý¾Ý´«ÊäµÄÓÐЧÐÔÒª¸ß³öºÜ¶à¡£JSON ÍêÈ«¶ÀÁ¢Óë±à³ÌÓïÑÔ£¬Ê¹ÓÃÎı¾¸ñʽ±£´æ¡£
JSON Êý¾ÝÓÐÁ½Öֽṹ£º
• Name-Value ¶Ô¹¹³ÉµÄ¼¯ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ