¼±Çó! ½â¾ö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Ôò±íʾ²»ÎªÒì²½ÇëÇó
Ïà¹ØÎÊ´ð£º
JSPÒ³ÃæÖÐÓжà¸öradio°´Å¥
JSPÒ³Ãæ½«²ÎÊýPOST¸øservlet
ÒªÇóÈçÏÂ;
1.Ñ¡ÔñÒ»¸öradio£¬µ÷ÓÃservlet servletÖиù¾Ý²ÎÊýµ÷ÓÃÆäËû½Ó¿Ú£¬³ý·ÇÑ¡ÖиÃradio²¢µã»÷JSPÖеÄʵР......
ÎÒJSPµÄÒ³ÃæÊÇ£º
<%@ page language="java" contentType="text/html; charset=gb2312"
%>
<script>
function Save(){
xmlHttp=GetXmlHttpObject()
if(xmlHttp==nul ......
´úÂëÖУ¬Èç¹û½«//alert(1)¡¡×¢ÊÍ´ò¿ª£¬ÄÇô¾Í¿ÉÒÔµ÷Óã¬Èç¹û×¢Ê͵ô¾ÍÎÞ·¨µ÷ÓÃ
»³ÒÉÊǵ¼JSÎļþ³öÎÊÌâÁË£¬ÒòΪд¹ýjspÒýÁ½¸öJSÎļþûÎÊÌ⣬
¶øJSPÒýÒ»¸öJSÎļþ£¬Õâ¸öJSÒý±ðÍâµÄJSÎļþ³öÏÖÏÂÃæÎÊÌ⣬ÉÏÍøÕÒÁ˰ëÌìû½á ......
¸÷λÀÏ´óºÃ¡£¡£¡£Ð¡µÜÓÐÒ»¸öÂÒÂëÎÊÌâ¼±Ðè°ïæ½â¾ö
ÎÒÔÚ±¾Ò³ÖÐÓÃrequest.getParameter("name")È¡±äÁ¿¡£¡£±äÁ¿µÄ¸³ÖµÎªºº×Ö¡£ÎÒÔÚÒ³ÃæµÄ¿ªÍ·¼ÓÁË<%@ page language = "java" contentType=&quo ......