ajax+json 做数据异步交互

最新推荐文章于 2020-11-19 16:13:46 发布

原创最新推荐文章于 2020-11-19 16:13:46 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #json #string #function #list #class

ajax 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个使用JavaScript和Ajax实现的省市区级联选择器案例。通过发送异步请求到服务器端的servlet，根据所选省份动态加载对应的城市列表。此方案适用于需要根据省份选择相应城市的场景。

public class City { private String cValue; private String cName; } js 代码做一个省市级联效果 sendAjaxRequest();参见ajax学习笔记 <mce:script type="text/javascript"></mce:script> <body> <select id="province" name="province" onchange="getCity()"> <option>--请选择省--</option> <option selected="selected" id="021" value="021">上海</option> <option id="010" value="010">北京</option> </select> <select id="city" name="city"> <option>--请选择市--</option> </select> </body> servlet 代码 @Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String province = req.getParameter("province"); int provinceid = Integer.parseInt(province); City city = new City("bj","北京"); City city2 = new City("tx","通县"); City city3 = new City("cp","昌平"); List listCity = new ArrayList(); listCity.add(city); listCity.add(city2); listCity.add(city3); City city4 = new City("sh","上海"); City city5 = new City("shx","上海县"); City city6 = new City("jd","嘉定"); List listCity2 = new ArrayList(); listCity.add(city4); listCity.add(city5); listCity.add(city6); JSONArray ja = new JSONArray(); JSONArray jash = new JSONArray(); ja.add(listCity); jash.add(listCity2); PrintWriter out = resp.getWriter(); if(provinceid==10){ out.print(ja); }else{ out.print(jash); } out.flush(); }