webService学习9:jquery ajax调用webservice
生活随笔
收集整理的這篇文章主要介紹了
webService学习9:jquery ajax调用webservice
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1 參照 ?webService學習7:調用天氣接口?生成客戶端代碼
2 前臺代碼
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><script type="text/javascript" src="<%=basePath %>js/jquery-3.0.0.min.js"></script></head><body>城市 :<input type="text" id="city"><button οnclick="search()">搜索</button></br>天氣:<textarea id="weathear" rows="10" cols="20"></textarea><script type="text/javascript">var search = function(){var city = document.getElementById("city").value;var url="<%=basePath %>servlet/WeatherServlet";var data = {city:city};$.ajax({ type: "post", url: url, data:data, dataType: "json", success: function(data){ document.getElementById("weathear").innerHTML = data.weather;}, error : function(e){ alert("error");} }); }</script></body> </html>3 后臺代碼 package servlet;import java.io.IOException; import java.io.PrintWriter; import java.util.List;import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse;import com.alibaba.fastjson.JSON; import com.alibaba.fastjson.JSONObject;import cn.com.webxml.WeatherWebService; import cn.com.webxml.WeatherWebServiceSoap;public class WeatherServlet extends HttpServlet {public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {}public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {String city = request.getParameter("city");WeatherWebService weatherWS = new WeatherWebService();WeatherWebServiceSoap weatherSoap = weatherWS.getWeatherWebServiceSoap();List weathInfo = weatherSoap.getWeatherbyCityName(city).getString();StringBuffer sb = new StringBuffer();for(int i =0 ; i < weathInfo.size() ; i++){sb.append(weathInfo.get(i)+"</br>s"); }response.setHeader("Content-type", "text/html;charset=UTF-8");JSONObject jsonObject = new JSONObject();jsonObject.put("weather", sb.toString());response.getWriter().write(JSON.toJSONString(jsonObject));}}
4 項目截圖
5 ?結果展示
總結
以上是生活随笔為你收集整理的webService学习9:jquery ajax调用webservice的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： webService学习8:wsdl文档
- 下一篇： JMS学习(1):MS基本概念