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

2009 12 28 ´«ÖDz¥¿Í—AJAX£¨×ÛºÏÁ·Ï°£©


½ñÌìÔçÉÏÀÏÙ¡½«×òÌìµÄÁ·Ï°½øÐÐÁ˽²½â¡£½ñÌìµÄÖ÷ÒªÄÚÈÝÊǶÔAJAXµÄ»ã×ÜÁ·Ï°£¬×öÁËÁ½¸öÁ·Ï°¶¼ÊDZȽϳ£Ê¹ÓõÄÓ¦Óá£
 
Ò»¡¢              ÏÂÀ­¿òµÄ¼¶Áª£¬±ÈÈ磬ѡÔñÏÂÀ­¿òÒ»ÖеÄÄÚÈÝ£¨³ÇÊÐÃû³Æ£©£¬ÔÚÏÂÀ­¿ò¶þÖÐÏÔʾÔÚÕâ¸ö³ÇÊÐÖеIJ¿ÃÅ¡£ÔÚÏÂÀ­¿ò¶þÖÐÑ¡Ôñ²¿ÃÅÃû³Æ£¬ÔÚÏÂÀ­¿òÈýÖÐÏÔʾ²¿ÃŵÄÈËÔ±¡£ÔÚÏÂÀ­¿òÖÐÑ¡ÔñÈËÔ±Ãû³Æ£¬ÔÚ±í¸ñÖÐÏÔʾÈËÔ±¾ßÌåÐÅÏ¢¡£Õâ¾ÍÊǼ¶Áª£¬Êý¾Ý´æ´¢ÔÚÊý¾Ý¿âÖС£Ê¹ÓÃAJAX¼¼ÊõÖ»¸üе±Ç°Ò³Ã沿·ÖÄÚÈÝ£¬ÎÞÐëË¢ÐÂÕû¸öÒ³Ãæ¡£
¶þ¡¢              Óû§×¢²á¹¦ÄÜ£¬ÌáʾÓû§ÃûÊÇ·ñºÏ·¨µÈ¡£Í¬ÑùÒ²ÊÇʹÓÃAJAX¼¼Êõ¡£
 
ÕâÁ½¸öÁ·Ï°´ó¼Ò¶¼±È½Ï³£¼û£¬WEBÒѾ­ÕâôÁ÷ÐÐÁË£¡Ok£¬½ÓÏÂÀ´ÈÃÎÒÃÇ¿´¿´¾ßÌåÁ÷³Ì¡£ÎÒ°ÑÕâÁ½¸öͼ»­Ò»Ï¡££¨Ö»ÎªAJAXÓëStruts1µÄÅäºÏÁ·Ï°£©
 
Á·Ï°Ò»£ºÏÂÀ­¿òµÄ¼¶Áª
 
         ÒÔÉÏûÓÐʹÓÃservice²ã£¬ÄÇÑù×ö»áʹ³ÌÐò¸üÓÅÑÅ¡£µ«¶ÔÓÚÕâ¸öСÁ·Ï°Ã»ÓбØÒª£¬ÉõÖÁ±àд¶à¸öDAOҲû±ØÒª£¬ÀÏÙ¡Ö»±àдÁËÒ»¸öDAO¡£ÔÚÕâÀïÎÒÃÇÂé·³Ò»ÏÂ×Ô¼º°É£¡
 
         ÕâÀïÓëÒ³ÃæµÄ½»»¥Êý¾ÝÊÇJSON£¬JSONÓÃÔÚ±íµ¥ÉÏÊ®·Ö·½±ã¡£
 
ÁгöÒ»²¿·Ö³ÌÐòµÄ´úÂ룬ÔÚÒ³Ãæ¼ÓÔØÊ±¡£ÐèÒª»ñÈ¡³ÇÊÐÁÐ±í£¬²¢½«³ÇÊÐÌí¼Óµ½ÏÂÀ­Áбí¿òÖУ¨¶ÔÓ¦µÄÏîÄ¿valueÊdzÇÊеÄId£©¡££º
        
var url="${pageContext.request.contextPath}/cascading.do?method=getAllCities";
    var args = {"time":new Date()};
    $("#city > option:not(:first)").remove();  
    // ÑÏ֨עÒâJSONÊý¾ÝµÄ¸ñʽ£¬³öÒ»µã²î´í¶¼²»¿ÉÒÔ£¬±ÈÈçÉÙÁËÒ»¸ö“:”¡£
    $.getJSON(url, args, function(data){
       if(data != null){
            //½«ËùÓеijÇÊÐÏÔʾµ½ÏÂÀ­Áбí¿òÖÐ
           for(var i=0; i <&nbs


Ïà¹ØÎĵµ£º

³¬¿áµÄAjax¿ò¼Ü£ºqooxdoo1.0·¢²¼

qooxdooÊÇÒ»¸ö×ÔÓÉÃâ·ÑµÄAjax GUI¿ò¼Ü£¬ÏÖÔÚËüµÄ1.0°æ±¾ÌṩÁËÏÂÔØ¡£ qooxdooµÄ·¢ÒôΪ ['ku:ksdu:],£¬ËüÌṩÁËʹÓÃJavaScriptʵÏÖ¼¸ºõËùÓУ¬½¨Á¢Àà×ÀÃæWebÓ¦ÓóÌÐòËùÐèµÄÓû§½çÃæ¡£¸ù¾Ý¿ª·¢ÕßHTML£¬ CSS»ò DOM֪ʶ²»ÊDZØÐèµÄ¡£Õâ¸ö¼Ü¹¹¿ÉÒÔÔËÐÐÔÚËùÓÐÖ÷Á÷µÄä¯ÀÀÆ÷ÉÏ£¬ÀýÈ磺Internet Explorer, Firefox, Safari, OperaºÍChr ......

Ajax¼ì²â×¢²áÓû§ÊÇ·ñ´æÔÚ(.NET)

HTML´úÂëÈçÏÂ:
LoginValidate.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="LoginValidate.aspx.cs" Inherits="LoginValidate" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>ÑéÖ¤Óû§ÃûÊÇ·ñ´æÔÚ</title>
<script type="text/j ......

ajaxÇëÇójspÎļþµÄÎÊÌâ

       Ò»¸öajaxÇëÇóÒ»¸öjspÎļþ£¬²Ù×÷³É¹¦,jspÎļþout.println("1");µ«ÊÇÿ´Î³É¹¦ºóxmlHttp.responseText=='1'×ÜÊÇΪfalse£¬
ÓÃencodeURIComponent¿´xmlHttp.responseText£¬·¢ÏÖ×îºó¶àÁË%0A%0D£¬°Ù¶ÈһϠÓÃÀ´ÊÇ»»ÐУ¬
jspÎļþÖеÄout.println……°ÑlnÈ¥µôÔÙ´Î±È½Ï ³É¹¦ = =¡ ......

ajax ÂÒÂë

function verify() {
//½â¾öÖÐÎÄÂÒÂéÎÊÌâµÄ·½·¨1£¬Ò³Ãæ¶Ë·¢³öµÄÊý¾Ý×÷Ò»´ÎencodeURI£¬·þÎñÆ÷¶ÎʹÓÃnew String(old.getBytes("iso8859-1"),"UTF-8");
//½â¾öÖÐÎÄÂÒÂéÎÊÌâµÄ·½·¨2£¬Ò³Ãæ¶Ë·¢³öµÄÊý¾Ý×÷Á½´ÎencodeURI£¬·þÎñÆ÷¶ÎʹÓÃURLDecoder.decode(old,"UTF-8")
var url = &qu ......

AJAXÅäÖöà¸ödwrÎļþ

Ò»°ãÀ´Ëµ£¬ÄãÖ»ÐèÒªÒ»¸ödwr.xmlÎļþ£¬²¢ÇÒ·ÅÖÃÔÚĬÈϵÄλÖãºWEB-INF/dwr.xml¡£ Èç¹ûÄÇÑùµÄ»°£¬Äã¿ÉÒÔ²»ÓÃÁ˽âÏÂÃæµÄÅäÖá£
ÓÐÈý¸öÔ­ÒòʹÄãÏ£ÍûÖ¸¶¨²»Í¬Î»ÖõÄdwr.xmlÎļþ¡£
ÄãÏ£ÍûÈÃdwr.xmlÎļþºÍËüÄÜ·ÃÎʵ½µÄ×ÊÔ´ÔÚÒ»Æð¡£ÔÚÕâÖÖÇé¿öÏÂÄãÐèÒªÒ»¸öÕâÑùµÄÅäÖ㺠<param-value>WEB-INF/classes/com/yourco/dwr/dwr. ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ