【WebService开发】其他调用webservice的方法_ws:192.168.0.103:8989-优快云博客

本文链接：https://blog.youkuaiyun.com/xiongwt/article/details/50933177

本文介绍了三种调用WebService的方法：使用Ajax、jQuery和HttpURLConnection。提供了具体的代码示例，并展示了如何通过解决跨域问题来成功调用WebService。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<p><strong>1.ajax<span style="font-family:宋体;">调用</span><span style="font-family:Calibri;">webservice</span></strong></p>

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>ajax请求webservice</title>
    <script type="text/javascript">
	window.onload = function() {
		document.getElementById("btn1").onclick = function() {
			var xmlHttp = GetXmlHttpObject();
			if (xmlHttp == null) {
				alert("您的浏览器不支持AJAX！");
				return;
			}
			xmlHttp.onreadystatechange=function(){
				if (xmlHttp.readyState==4 && xmlHttp.status==200){
					var dom = xmlHttp.responseXML;
					var returnEle = dom.getElementsByTagName("return")[0];
					var nameVal = returnEle.firstChild.data;
					alert(nameVal);
				}
			}
			xmlHttp.open("POST","http://192.168.0.103:8989/day01_ws/hellows");
			var name = document.getElementById("name").value;
			var data = '<soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/"><soap:Body><ns2:sayHello xmlns:ns2="http://ws.xdy.com/"><arg0>'+name+'</arg0></ns2:sayHello></soap:Body></soap:Envelope>';
	xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
			xmlHttp.send(data);
			
		}
		function GetXmlHttpObject() {
			var xmlHttp = null;
			try {
				// Firefox, Opera 8.0+, Safari
				xmlHttp = new XMLHttpRequest();
			} catch (e) {
				// Internet Explorer
				try {
					xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
				} catch (e) {
					xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
				}
			}
			return xmlHttp;
		}
	}
</script>
  </head>
  <body>
    	姓名:<input type="text" id="name">
    	<button id="btn1">ajax请求webservice</button>
  </body>
</html>

2.jquery调用webservice

$(function(){
			$.post(
					"http://192.168.0.103:8989/day01_ws/hellows",
					'<soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">'
					+'<soap:Body><ns2:sayHello xmlns:ns2="http://ws.xdy.com/"><arg0>xiongdy</arg0></ns2:sayHello></soap:Body></soap:Envelope>',
					function(msg){
						alert($(msg).find("return").text());
					},
					"xml"
			);
	    });

3.HttpURLConnection调用WebService

上面两种请求都存在跨域的问题。如何解决ajax跨域请求webservice的问题?

在客户端应用中使用java编码去请求webservice,在页面中去请求自己的后台。本示例在servlet里请求webservice，页面提交到servlet。

Servlet代码：

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		String name = request.getParameter("name");
		System.out.println("doPost "+name);
		
		String data = "<soap:Envelope xmlns:soap='http://schemas.xmlsoap.org/soap/envelope/'><soap:Body><ns2:sayHello xmlns:ns2='http://ws.xdy.com/'><arg0>"+name+"</arg0></ns2:sayHello></soap:Body></soap:Envelope>";
		URL url = new URL("http://192.168.0.103:8989/day01_ws/hellows");
		
		HttpURLConnection connection = (HttpURLConnection) url.openConnection();
		
		connection.setRequestMethod("POST");
		connection.setDoOutput(true);
		connection.setDoInput(true);
		connection.setRequestProperty("Content-Type", "text/xml;charset=utf-8");
		
		OutputStream os = connection.getOutputStream();
		os.write(data.getBytes("utf-8"));
		
		int responseCode = connection.getResponseCode();
		if(responseCode==200) {
			InputStream is = connection.getInputStream();//String xml
			System.out.println("return "+is.available());
			
			response.setContentType("text/xml;charset=utf-8");
			ServletOutputStream outputStream = response.getOutputStream();
			
			byte[] buffer = new byte[1024];
			int len = 0;
			while((len=is.read(buffer))>0) {
				outputStream.write(buffer, 0, len);
			}
			outputStream.flush();
		}
	}

页面代码：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>ajax请求webservice</title>
    <script type="text/javascript" src="jquery-1.4.3.js"></script>
    <script type="text/javascript">
	    $(function(){
		    $("#btn").click(function(){
				var name = document.getElementById("name").value;
				$.post(
					"HttpURLConnectionServlet",
					"name="+name,
					function(msg) {
						var $Result = $(msg);
						var value = $Result.find("return").text();
						alert(value);
					},
					"xml"
				);
			});
	    });
	</script>
  </head>
  
  <body>
  	用户名:
	<input id="name" name="username" value="" />
	<br>
  	<button id="btn">HttpURLConnection请求webservice</button>
  </body>
</html>