AJAX ³õѧ(ת)
ÕâÁ½ÌìÒ»Ö±ÔÚÂñÍ·¿àÁ·AJAX¼¼Êõ£¬ËäÈ»ÍøÉ϶ÔAJAXµÄ¿´·¨¸÷Óкûµ£¬ÔÚÎÒ¿´À´AJAX¶ÔÎÒÀ´Ëµ»¹ÊÇÒ»¸öºÜ²»´íµÄ¼¼Êõ£¬ËüÔںܴóµÄ³Ì¶ÈÉϼõÇáÁË·þÎñÆ÷µÄ¸ºµ££¬°ÑһЩ¼òµ¥µÄrequestͨ¹ýÀûÓÃjavascript·½·¨´´½¨Ò»¸öXMLHttpRequest¶ÔÏó·¢ËͺͽÓÊÕ·þÎñÆ÷µÄÐÅÏ¢£¬²»ÒªÍ¨¹ýË¢ÐÂÒ³Ãæ¾ÍÄܵõ½×Ô¼ºÏëÒªµÄЧ¹û£¬Õâ¼òÖ±ÊDz»¿É˼Òé¡£ÏÂÃæ¸ø³öÒ»¶ÎAJAX+Servlet+JavascriptÒ»¶Î×î¼òµ¥µÄ´úÂ빩³õѧÕ߲ο¼£¬×¢ÒâÊdzõѧÕßŶ ¡£
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict //EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sending Request Data Using GET and POST</title>
<script type="text/javascript">...
var xmlHttp;
function createXMLHttpRequest() ...{
if(window.ActiveXObject) ...{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if(window.XMLHttpRequest) ...{
xmlHttp = new XMLHttpRequest();
}
}
function createQueryString() ...{
var firstName = document.getElementById("firstName").value;
var middleName = document.getElementById("middleName").value;
var birthday = document.getElementById("birthday").value;
var queryString = "firstName = " + firstName + "&middleName=" + middleName + "&birthday=" + birthday;
return queryString;
}
function doRequestUsingGET() ...{
createXMLHttpRequest();
var queryString = "GetAndPostExample?";
queryString = queryString + createQueryString()
+ "&timeStamp=" + new Date().getTime();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", queryString, true);
xmlHttp.send(null);
}
function doRequestUsingPOST() ...{
createXMLHttpRequest();
var queryString = "GetAndPostExample?";
qu
Ïà¹ØÎĵµ£º
ajaxµÄ¹¦ÄÜÖ÷ÒªÊÇÓ¦ÓÃÔÚjsÉÏ£¬ajax¶ÔaspûʲôҪÇó£¬aspÖ»¸ºÔðÔÚºǫ́ÏÔʾ¼°²Ù×÷·þÎñ¶ËµÄÊý¾Ý¡£
¿ÉÒÔÏñÏÂÃæÕâÑù˼¿¼£º
1.д±íµ¥µÚÒ»ÏÈçÓû§Ãû£©
2.onblurʼþ(ʧȥ½¹µã)·¢Éúʱ¿ªÊ¼ÑéÖ¤£¬onblur="checkusername()"
3.js·¢Ò»¸öÇëÇó¸øµÚÒ»¸öasp(¼Ù¶¨Îªajaxusername.asp)Èç¹û´ÓÊý¾Ý¿âÖÐÕÒµ½ÁËÕâ¸öÓû§£¬¸ø³ö1 ......
ÔÚʹÓÃJQueryµÄajax·ÃÎÊÒ³ÃæÊ±£¬×ÜÊdzö´í£¬µÃ²»µ½·µ»ØµÄhtml´úÂ룬ÓÖ²»ÖªµÀ³öµÄʲô´í£¬°Ù˼²»µÃÆä½â
ÓÚÊǾÍÓÃXMLHTTPÈ¥·ÃÎÊ£¬½á¹ûÒ²³ö´í£¬²»¹ýÄܹ»µÃµ½´íÎóÔÒò£¬È»ºó¸ù¾Ý´íÎóÒòÎªÈ¥ÍøÉϲ飬ÖÕÓڵõ½Á˴𰸡£¡£
ÔÀ´jspµÄ±àÂëÓëjavaµÄ±àÂë²»Ò»ÖÂ
·½°¸¢Ù
´íÎó
<%@ page contentType="text/html;charset= ......
/*
κÑÔAJAX Àà
ʹÓ÷½·¨:
<mce:script type="text/javascript"><!--
var classAjax = new Ajax(sUrl,sRecvTyp,sQueryString,oResultFunc);
classAjax.post();//post·½Ê½·¢ËÍÊý¾Ý
classAjax.get();//get·½Ê½·¢ËÍÊý¾Ý
//sUrl·¢Ë͵ØÖ·
//sRecvTyp ½ÓÊÜÊý¾ÝÀàÐÍ:0Ϊxml 1Ϊtext
//oResultFunc ·µ»Ø½á¹û´¦Àíº ......
0**£ºÎ´±»Ê¼»¯
1**£ºÇëÇóÊÕµ½£¬¼ÌÐø´¦Àí
2**£º²Ù×÷³É¹¦ÊÕµ½£¬·ÖÎö¡¢½ÓÊÜ
3**£ºÍê³É´ËÇëÇó±ØÐë½øÒ»²½´¦Àí
4**£ºÇëÇó°üº¬Ò»¸ö´íÎóÓï·¨»ò²»ÄÜÍê³É
5**£º·þÎñÆ÷Ö´ÐÐÒ»¸öÍêÈ«ÓÐЧÇëÇóʧ°Ü
100——¿Í»§±ØÐë¼ÌÐø·¢³öÇëÇó
101——¿Í»§ÒªÇó·þÎñÆ÷¸ù¾ÝÇëÇóת»»HTTPÐÒé°æ±¾
200——½»Ò ......
¾ÅÊ®Äê´úÖÐÆÚ£¬WWWÒÔѸÃÍÖ®ÊÆ×ªÑÛõÒÉí´«²¥ÐÅÏ¢µÄÖ÷ÒªÇþµÀÖ®Ò»¡£ä¯ÀÀÆ÷µÄÉíÓ°¿ªÊ¼ÎÞ´¦²»ÔÚ£¬Óû§Ò²ËæÖ®¿ªÊ¼ÊÊÓ¦ÕâÖÖÐÅÏ¢´«²¥·½Ê½¡£ÏÔÈ»£¬WWWÌṩµÄÓ¦ÓÃÆ½Ì¨Äܹ»Ó®µÃÀúÊ·ÉÏÈκÎÒ»¸öƽ̨¶¼ÎÞ·¨±È¼°µÄÓû§Á¿¡£µ«µ±Ê±ºÜÄÑʵÏÖÕâÑùµÄÄ¿±êÊÇÒòΪһЩ±ê×¼£¨HTML¡¢HTTPµÈ£©¶¼²»ºÜÍêÉÆ£¬ÕâЩ±ê×¼Éè¼ÆµÄʱºò¶¼Ã»Óп¼Âǵ½¸ß¶È½»»¥ºÍ¸»¿Í ......