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相关推荐

jQuery Ajax 调用WebService实例详解
JQuery Ajax调用webservice的一些经验记录,在此实例中,解决跨域使用了Core解决方案,在下一篇文章中,会介绍JS 跨域的问题. 实例!.实例!.实例! 跨域解决方案实例-源码前 ...
Jquery ajax调用webservice总结
Jquery ajax调用webservice总结 jquery ajax调用webservice(C#)要注意的几个事项: 1.web.config里需要配置2个地方 <httpHandler ...
jquery ajax 调用webservice以及跨域问题
先在服务器端配置webconfig,因为默认情况下是不支持post,get访问在system.web 中间 <webServices ><protocols ><add ...
jquery ajax调用java webservice,jQuery AJAX 调用WebService实现代码
用jQuery调用其他项目的WebService 实现登录验证功能 html输入用户名密码: 代码 Login ID: Login Password: Jquery引用和登录事件代码 $(docum ...
ajax webservice 参数类型,JQuery Ajax WebService传递参数的简单实例
Asp.NET中利用jQuery实现Ajax时,在服务器端可以使用aspx,ashx,以及WebService等方式.最近研究了一下WebService方式,jQuery Ajax 方法调用 jQue ...
ajax处理返回的xml数据,使用AJAX调用WebService返回xml不返回json原因以及解决办法...
初次尝试用AJAX调用webservice,结果无论怎么设置webservice返回的都是xml对象,一般的jquery处理json是更方便的. webservice理论上将下面这段代码按照说明取消注 ...
关于js实现的Ajax调用,webService,一般处理程序,aspx
记得以前学的时候,网上的资料一大堆,就是没几个看的懂,都是理论,包括我目前看的mvc书都是一样,废话一堆,其实东西没那么难,让作者把某个技术吹上天了. 下面是一些初学者,比较实用的代码,欢迎大虾指导. ...
【转】Jquery -Ajax 入门练习 Jquery.Ajax 调用后台函数，获取DataTable Json,Asp.net
直接上图=============最后拷贝源码(图片清楚) ====================================================================== ...
Jquery Ajax调用aspx页面方法
原文:Jquery Ajax调用aspx页面方法在asp.net webform开发中,用jQuery ajax传值一般有几种玩法 1)普通玩法:通过一般处理程序ashx进行处理: 2)高级玩法:通 ...

webService学习9:jquery ajax调用webservice

webService学习9:jquery ajax调用webservice相关推荐

最新文章

热门文章