AJAX实现简单的省市二级联动
基本思路：前台的下拉框值改变时，AJAX将值传入后台的servlet进行处理，根据不同的值返回不同的JSON数据，然后前台进行解析成字符数组，添加到option中.
index.jsp
<br>Servlet: CityAction.java</p><p><strong></strong><textarea name="code" alt="AJAX兑现简单的省市二级联动"><br><br><img src="//img.reader8.com/uploadfile/jiaocheng/2014/011342/201401132342573200.png" alt="AJAX兑现简单的省市二级联动"><br></p> </p><div class="aged2"><script type="text/javascript">a("article_content_down");</script></div> </div> <div id="pagebox" > <a href="/jiaocheng/ajax/" target="_blank">查看更多</a> <A href="/jiaocheng/20121015/1347729.html" title="AJAX的刷新和前进后退有关问题解决">下一篇</A></div> <div id="MainLeftll"> <div id="MainLeftllToolbar">本文网址：<a href="https://www.reader8.com/jiaocheng/20120903/1347730.html">https://www.reader8.com/jiaocheng/20120903/1347730.html</a></div> <div class="related"><span class="relatedIco1">读书人精选</span> <ul class="relatedList"> </ul> </div> <div class="aged3"><script type="text/javascript">a("article_content_down2");</script></div> <div class="aged3a"><script type="text/javascript">a("article_content_down3");</script></div> </div> </div> <!-- 文章正文左边结束 --> <!-- 文章正文右边开始 --> <div class="leftbox_r"> <div class="aged4"><script type="text/javascript">a("article_right_up");</script></div> <div class="Rtitle"> <span class="Rtitle_text">热点排行</span></div> <div class="RContl"> <ul> <li><a href="/jiaocheng/20140420/2308582.html" target="_blank">jquery ajax跟 Js的ajax区别</a></li> <li><a href="/jiaocheng/20140422/2310790.html" target="_blank">jquery图片九宫格式样布局图片切换IE浏览</a></li> <li><a href="/jiaocheng/20120229/1341061.html" target="_blank">AJAX 在IE中总是提示没有对象 但在Firef</a></li> <li><a href="/jiaocheng/20130911/1350279.html" target="_blank">jsp-求解决- 严重: Servlet.service() f</a></li> <li><a href="/jiaocheng/20120229/1346685.html" target="_blank">AJAX中怎么让javascript获取链接参数后页</a></li> <li><a href="/jiaocheng/20131125/1340257.html" target="_blank">ajax调用action解决办法</a></li> <li><a href="/jiaocheng/20140103/1339649.html" target="_blank">有没有js的REST框架解决方案</a></li> <li><a href="/jiaocheng/20140123/1349071.html" target="_blank">ajax 取值,该怎么解决</a></li> <li><a href="/jiaocheng/20131123/1349691.html" target="_blank">ajax Session失效怎么跳转到登录页面</a></li> <li><a href="/jiaocheng/20121025/1341329.html" target="_blank">jQuery插件之表单印证插件validationEng</a></li> </ul> </div> <div class="aged7"><script type="text/javascript">a("article_right_up2");</script></div> <!-- 文章正文右边结束 --> </div> <!--主体结束--> <script type="text/javascript">a("article_down_up");</script> <script type="text/javascript">a("foot");</script> <script type="text/javascript">a("article_down_up2");</script> <!--主体结束--> <div style="display:none"> <!--百度统计代码--> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?d6151f323a57d16696165e47eee86d53"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <script type="text/javascript">a("allbt");</script> </body> </html>
