AjaxÖÐsend·½·¨²ÎÊýµÄʹÓÃ
AjaxÖÐsend·½·¨²ÎÊýµÄʹÓÃ
Ò»°ãÇé¿öÏ£¬Ê¹ÓÃAjaxÌá½»µÄ²ÎÊý¶àÊÇЩ¼òµ¥µÄ×Ö·û´®£¬¿ÉÒÔÖ±½ÓʹÓÃGET·½·¨½«ÒªÌá½»µÄ²ÎÊýдµ½open·½·¨µÄurl²ÎÊýÖУ¬´Ëʱsend·½·¨µÄ²ÎÊýΪnull¡£
ÀýÈç £º
var url = "login.jsp?user=XXX&pwd=XXX";
xmlHttpRequest.open("GET",url,true);
xmlHttpRequset.send(null);
´ËÍ⣬Ҳ¿ÉÒÔʹÓÃsend·½·¨´«µÝ²ÎÊý¡£Ê¹ÓÃsend·½·¨´«µÝ²ÎÊýʹÓõÄÊÇPOST·½·¨£¬ÐèÒªÉ趨Content-TypeÍ·ÐÅÏ¢£¬Ä£ÄâHTTP POST·½·¨·¢ËÍÒ»¸ö±íµ¥£¬ÕâÑù·þÎñÆ÷²Å»áÖªµÀÈçºÎ´¦ÀíÉÏ´«µÄÄÚÈÝ¡£²ÎÊýµÄÌá½»¸ñʽºÍGET·½·¨ÖÐurlµÄд·¨Ò»Ñù¡£ÉèÖÃÍ·ÐÅϢǰ±ØÐëÏȵ÷ÓÃopen·½·¨¡£
ÀýÈ磺
xmlHttpRequest.open("POST","login.jsp",true);
xmlHttpRequest.setRequestHeder("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
xmlHttpRequest.send("user="+username+"&pwd="+password);
ÐèҪעÒâµÄÊǸù¾ÝÌá½»·½Ê½µÄ²»Í¬£¬Á½ÖÖÌá½»·½Ê½·Ö±ðµ÷Óúǫ́µÄdoGet·½·¨ºÍdoPost·½·¨¡£
Ïà¹ØÎĵµ£º
½ñÌìÎÒѧϰÁËÙ¡ÀÏʦ½²µÄajaxµÄ֪ʶ£º
Ò»¡¢ Ajax
a) ÔÊÐíä¯ÀÀÆ÷Óë·þÎñÆ÷ͨÐŶøÎÞÐëˢе±Ç°Ò³ÃæµÄ¼¼Êõ¶¼±»½Ð×öAjax¡£Êý¾ÝÔÚ¿Í»§¶ËÓë·þÎñÆ÷Ö®¼ä¶ÀÁ¢´«Êä¡£·þÎñÆ÷²»ÔÙ·µ»ØÕû¸öÒ³Ãæ
b) XMLHttpRequest£º¸Ã¶ÔÏ ......
¡¡¡¡ºÜ¶àÈ˶¼ÓùýAJAX¿Ø¼þ°É£¬AJAX¿Ø¼þ²»ÐèҪˢÐÂÒ³Ãæ¾Í¿ÉÒÔµ½ºǫ́ȥ¶Á³öÊý¾Ýµ½¿Í»§¶Ë£®AJAX¿Ø¼þ³ýÁËÓкÜìŵÄÌØÐ§Í⣬ÆäÒª¹¦ÄܾÍÊDz»ÐèҪˢÐÂÕû¸öÒ³Ãæ¾Í¿ÉÒÔÈ¡µÃÓû§ËùÐèÒªµÄÊý¾Ý£¬ÎÒ°ÑÕâÒ»¿éµÄµÄ¹¦ÄÜ·â×°³ÉÒ»¸öÀ࣬·½±ãÈÕºó¿ÉÒÔÖØ¸´Ê¹Ó㬴úÂëÈçÏ£º
//Ajax Request Class Start
functio ......
ÔÚ×î½ü¿ªÊ¼½«AJAX¼¼Êõ¼ÓÈëµ½ÈÕ³£µÄ¿ª·¢¹¤×÷ÖС£ÎÒÔÚ×î½üдÁ˸öAJAXµÄÎÞˢеǽÇÒ¶¯Ì¬Ìí¼Ó·þÎñÆ÷¿Ø¼þµÄ¹¤×÷£¬ÎÒ½«´Ë¹¦ÄܸæËß´ó¼ÒÏ£Íû¶Ô´ó¼ÒµÄ¹¤×÷ÓÐËù°ïÖú¡£Èç¹û´ó¼ÒÓиüºÃµÄ·½·¨ÇÒÔ¸ÒâÔÚ´ËÁôÑÔÈÃÎÒÒ²¿ÉÒÔ·ÖÏíµ½ÄãµÄ³É¹û¡£
Ê×ÏÈÔÚÒ³ÃæÖеÄHTML±ê¼ÇÖмÓÈë¿Ø¼þUpdatePanelºÍÁ½¸öTextboxÒ»¸öButton£º
<asp:UpdatePanel ID ......
XMLHttpRequest ¶ÔÏóʹ AJAX ³ÉΪ¿ÉÄÜ¡£
XMLHttpRequest
XMLHttpRequest ¶ÔÏóÊÇ AJAX µÄ¹Ø¼ü¡£
¸Ã¶ÔÏóÔÚ Internet Explorer 5.5 Óë 2000 Äê 7 Ô·¢²¼Ö®ºó¾ÍÒѾ¿ÉÓÃÁË£¬µ«ÊÇÔÚ 2005 ÈËÃÇ¿ªÊ¼ÌÖÂÛ AJAX ºÍ Web 2.0 ֮ǰ£¬Õâ¸ö¶ÔÏó²¢Ã»Óеõ½³ä·ÖµÄÈÏʶ¡£
´´½¨ XMLHttpRequest ¶ÔÏó
²»Í¬µÄä¯ÀÀÆ÷ʹÓò»Í¬µÄ·½·¨À´´´½¨ ......
load(url[,data][,callback])------------->ͨ³£ÓÃÀ´´ÓWEB·þÎñÆ÷ÉÏ»ñÈ¡¾²Ì¬µÄÊý¾ÝÎļþ
url: stringÀàÐÍ ÇëÇóHTMLÒ³ÃæµÄURLµØÖ·
data(¿ÉÑ¡): object ·¢ËÍÖÁ·þÎñÆ÷µÄkey/valueÊý¾Ý
callback(¿ÉÑ¡):function ÇëÇóÍê³Éʱ»Øµ÷º¯Êý
Àý×Ó£º
Ö÷Ò³Ãæ´úÂ룺
<style type="text/css">
* { margin:0; padding ......