webservice 异步获取天气,省市联动 。JSP+Ajax+Servlet+WebService

webservice 异步获取天气,省市联动 。JSP+Ajax+Servlet+WebService_第1张图片


步骤一:我们将天气服务生成文件。


webservice 异步获取天气,省市联动 。JSP+Ajax+Servlet+WebService_第2张图片

webservice 异步获取天气,省市联动 。JSP+Ajax+Servlet+WebService_第3张图片

webservice 异步获取天气,省市联动 。JSP+Ajax+Servlet+WebService_第4张图片


解析出错,我们将文件另存到桌面,然后将文件中s:schema标签删除(上面指示在15行)

webservice 异步获取天气,省市联动 。JSP+Ajax+Servlet+WebService_第5张图片



步骤二:建立webProject ,并将该jar文件粘贴进去

建立获取天气的jsp页面 getWeather.jsp 页面


webservice 异步获取天气,省市联动 。JSP+Ajax+Servlet+WebService_第6张图片

webservice 异步获取天气,省市联动 。JSP+Ajax+Servlet+WebService_第7张图片

webservice 异步获取天气,省市联动 。JSP+Ajax+Servlet+WebService_第8张图片


注意下servlet在web.xml中的配置


webservice 异步获取天气,省市联动 。JSP+Ajax+Servlet+WebService_第9张图片


步骤三 :建立servlet

选择省份信息,将省份提交到cityServlet从而获取所有城市信息。


webservice 异步获取天气,省市联动 。JSP+Ajax+Servlet+WebService_第10张图片

webservice 异步获取天气,省市联动 。JSP+Ajax+Servlet+WebService_第11张图片


选择城市,将城市提交到WeatherServiceServlet,获取天气信息


webservice 异步获取天气,省市联动 。JSP+Ajax+Servlet+WebService_第12张图片


注意:

我们使用了JSONArray.fromObject()

所以我们需要导入json需要的jar包

webservice 异步获取天气,省市联动 。JSP+Ajax+Servlet+WebService_第13张图片

少导或者版本导错都会出现错误

java.lang.ClassNotFoundException: org.apache.commons.lang.exception.NestableRuntimeException

此外上面使用了匿名函数对接收的数据进行转换,关于匿名函数

webservice 异步获取天气,省市联动 。JSP+Ajax+Servlet+WebService_第14张图片




你可能感兴趣的:(webservice,json,Ajax)