¼±Çó! ½â¾öAJAX Òì²½ÎÊÌâ! + JSP - Web ¿ª·¢ / Ajax
ÎÒÏëÓÃAJAXʵÏÖ Òì²½´¦ÀíµÄÓ¦ÓÃ
ÎÊÌâ:
ÎÒ´Óindex.jsp Ìá½»µ½ AjaxServlet.java ÖеÄservlet µ«ÊÇservlet Ö´ÐÐÐèÒªÒ»¶Îʱ¼ä Èç10·ÖÖÓ£¬ ÄÇôÎÒÔÚÌá½»ÁËÖ®ºóÎÒÒªÌø×ªµ½Ò»¸öÓѺÃÒ³Ãæ. ÌáʾÓû§ "ÇëµÈ´ý10·ÖÖÓ..." . µÈservletÖ´ÐÐÍê³ÉÖ®ºóÔÙ½«½á¹û·µ»Øµ½Ò³Ãæ. ÏÔʾ½áÊøµÄÒ³Ãæ.
index.jsp ÈçÏÂ:
<script type="text/javascript">
//¶¨ÒåÒì²½ÇëÇó¶ÔÏó
var xmlHttp;
//´´½¨Òì²½ÇëÇó¶ÔÏóµÄº¯Êý
function createXMLHttpRequest() {
if(window.ActiveXObject) {//Èç¹ûÊÇ΢ÈíµÄä¯ÀÀÆ÷
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if(window.XMLHttpRequest) {//Èç¹ûÊÇÆäËûÀàÐ͵Ää¯ÀÀÆ÷
xmlHttp = new XMLHttpRequest();
}
}
//Ïò·þÎñÆ÷·¢ËÍÒì²½ÇëÇóµÄº¯Êý
function startRequest() {
// var userName = document.getElementById("txtName").value; //µÃµ½µÇ¼ÃûÎı¾¿òµÄÖµ
createXMLHttpRequest(); //µ÷Óô´½¨Òì²½ÇëÇóµÄº¯Êý
xmlHttp.onreadystatechange = handleStateChange; //µ±×´Ì¬·¢Éú¸Ä±äʱ£¬µ÷Óô¦Àíº¯Êý
//ÒÔget·½Ê½Ïò·þÎñÆ÷·¢ËÍÇëÇó
//ÇëÇóµÄ×ÊԴ·¾¶Îªservlet/CheckUserServlet,²¢ÇÒͨ¹ýURLÖØÐ´µÄ·½Ê½Ïò¸ÃServlet´«µÝÁËÒ»¸ö²ÎÊý
//true±íʾ´ËÇëÇóΪÒì²½ÇëÇó£¬Èç¹ûΪfalseÔò±íʾ²»ÎªÒì²½ÇëÇó
Ïà¹ØÎÊ´ð£º
ÎÒÏÖÔÚÓÃstruts2¿ò¼Ü,ÐèҪʹÓÃajaxʵÏÖ¾Ö²¿Ë¢Ð£¬µ«ÊÇ´ÓÈÝÆ÷Àï·µ»ØµÄÖµ²»ÖªµÀÔõô´Óstruts.xmlÅäÖÃÎļþÀïÓ³Éäµ½jspÒ³ÃæÀÒÔǰservletÀïдout.orint("xxxxx")¾Í¿ÉÒԵõ½~£¬µ«ÊÇÏÖÔÚÓÃstruts¾Í²»ÖªµÀÔõôР......
RT£¡
xmlHttpRequest.send("Ìá½»²ÎÊýÃû=Öµ&Ìá½»²ÎÊýÃû1=Öµ");
var date={"Êý¾Ý1":"Êý¾Ý1Öµ","Êý¾Ý2":"Êý¾Ý2Öµ","Êý¾Ý3":"Êý¾Ý3Öµ" ......
´úÂëÖУ¬Èç¹û½«//alert(1)¡¡×¢ÊÍ´ò¿ª£¬ÄÇô¾Í¿ÉÒÔµ÷Óã¬Èç¹û×¢Ê͵ô¾ÍÎÞ·¨µ÷ÓÃ
»³ÒÉÊǵ¼JSÎļþ³öÎÊÌâÁË£¬ÒòΪд¹ýjspÒýÁ½¸öJSÎļþûÎÊÌ⣬
¶øJSPÒýÒ»¸öJSÎļþ£¬Õâ¸öJSÒý±ðÍâµÄJSÎļþ³öÏÖÏÂÃæÎÊÌ⣬ÉÏÍøÕÒÁ˰ëÌìû½á ......
tableÔõô°ó¶¨Êý¾Ý¿â£¬²¢ÇÒÓÃJavaScriptʵÏÖ·Ò³¡£¡£¡£¡£¡£¡£¡£¡£¡£¡£JavaScriptÄÜÏòJSPÒ³Ãæ´«µÝ²ÎÊýÂð
Äã˵µÄÎÊÌâÓеãÄǸö¡£¡££¬²»ºÃ»Ø´ð¡£¡£¡£¡£
jspÖÐtableÊÇÐèÒªhtml´úÂëÓëÒ³Ãæ¶Ë»ñÈ¡Êý¾Ý¿â²éѯºóµÄÐÅÏ¢½øÐÐ ......
´ó¼ÒºÃ£¬ÎÒÔÚJSPµÄ³õѧÕߣ¬ÔÚ±à³ÌÖÐÓöµ½ÁËÒ»¸öÎÊÌ⣺
<jsp:useBean id="accountBiz" class="bank.AccountBiz"
scope="application">
Õâ¸ö±êÇ©ÖÐapplicationºÍsessi ......