¹ØÓÚAJAX×öselectÁª¶¯µÄÎÊÌâ
ÎÒÏë×ö¸ö2¼¶Áª¶¯µÄSELECT,µ«ÊÇ×öµÄЧ¹û²»ÂúÒâ,ÇëÎÊ´ó¼ÒÓÐʲô¸üºÃµÄ°ì·¨Ã»
ÎÒÊÇÕâÑù×öµÄ
Ê×ÏÈÔÚJSPÖÐ
<select id="state" name="state" onChange="isExist()">
<option value="">Select </option>
<option value="zj">Õã½ </option>
<option value="zs">½ËÕ </option>
</select>
<div id="city">//ÕâÀïÎÒÊÇÓÃDIVÀ´¿ØÖƵÄ,ËùÒÔ¾õµÃºÜ²»ºÃ,»¹»áÓлسµ
<select id="ffe">
<option value="">CITY </option>
</select>
SERVLETÖÐ:
StringBuffer sb = new StringBuffer();
if ("zj".equals(state)) {
sb.append(" <select> <option>hangzhou </option> <option>huzhou </option> </select>");
} else if ("zs".equals(state)) {
sb.append(" <select> <option>nanjing </option> <option>yangzhou </option> </select>");
}
ÆäÓàµÄJS²¿·ÖÒ²²»ÌùÁË,ÎÒÏëÎÊÏ´ó¼ÒÓÐûÓÐʲô°ì·¨°ÑdivÄǸö±êÇ©¸øÈ¥µôÁË,¶øÕÕÑùÄÜʵÏÖÂð?
Ö±½ÓÓÃselect id="",È»ºóÔÚºǫֱ́½ÓдoptionÊDz»ÐеÄ,ÓÐʲôºÃ°ì·¨Âð,×îºÃ¾Ù¸öÀý×Óлл
²»ÓÃÄǸödiv.²»ÒªÃ¿»Ø¶¼ÖØÐ´Õû¸öselect,ֻдoption.·µ»ØµÄÊý¾ÝÔÚservletÖÐ×éÖ¯ºÃ£¬Ö»Òªopt
Ïà¹ØÎÊ´ð£º
ÔÚ¼ÒÑо¿ajax£¬¿´Á˱ðÈ˵ÄÒ»¸öÍøÉϹºÎïÉ̳ÇÏîÄ¿µÄÔ´´úÂ룬×Ô¼ºÒ²À´·Â±ðÈ˵Ķ«Î÷Á·Ï°Á·Ï°£¬Ã»Ïë³öÎÊÌâÁË£¡Ò»ÏµÄÕâЩ´úÂëÊÇÎÒ·ÂÕÕ±ðÈËдµÄ¡£ÎÒÊÇÏëÈÃ×¢²áµÄÈËÌîдÓû§Ãû£¬¹â±êÀ뿪Óû§ÃûºóÃæµÄÌîд¿Õ°×´¦ºóÁ¢¿ÌÀûÓÃaj ......
֮ǰÓöµ½Ò»¸öÎÊÌâ¡£
ÓÚÊÇ×öÁËÒÔÏÂʵÑ飺
Ò³Ãæ¼ÓÔØºó£¬Ìá½»Ò»¸öAjaxÇëÇó(ÔݳÆÎªajax1)£¬ÇëÇóµÄÏß³ÌÔÚ·þÎñÆ÷Éϱ»Ë¯Ãß10ÃëÖÓ¡£
µã»÷Ò³ÃæÉÏÒ»¸öbutton£¬´¥·¢ÁíÒ»¸öAjaxÇëÇó(ajax2)¡£
µ±Ã»ÓÐʹÓÃsession£¬ÔÚ·þÎñÆ÷δ´ ......
´ó¼ÒºÃ£¬Çë¸ßÊÖÃÇÖ¸µã
ÎÒµÄservletÎļþÊÇ£º
package com.ljc.rank.ajax;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
......
AJAX´«ÊäJSONÊý¾Ý.¶ÔÓÚÖÐÎÄÈç¹ûʹÓÃUTF8±àÂë
ÎÒµÄÈÕÖ¾ÎļþÖмǼµÄ´«ÊäµÄ3¸öÖÐÎÄÈç"\u8d85\u7ea7\u798f"
ÔÚʵ¼Ê´«ÊäÖÐÊDz»ÊÇÕ¼ÓÃ18¸ö×Ö½Ú..
Ò²¾ÍÊÇ˵һ¸öÖÐÎÄʹÓÃJSON´«ÊäÔòÿ¸öÖÐÎÄÐèÒªÕ¼ÓÃ6×Ö½ ......
ÎÒÔÚÒ³ÃæÖÐÊäÈëÓ¢ÎÄÊÇÕý³£µÄ£¬ÊäÈëÖÐÎÄ·µ»ØµÄjson×îºóÉÙÁ˵㶫Î÷±È½ÏÕý³£·µ»ØÊÇ
{ "success ":true}
ÎÒ´«ÖÐÎĽøÈ¥·µ»Ø³öÀ´¾ÍÊÇ
{ "success ":fals
ΪÉÙÒ»²¿·Ö¶«Î÷
ÎÒÊÇÖ ......