前面都是通过JAVA代码访问webservice服务，下面将介绍通过javascript，jquery访问webservice服务并介绍过过servlet解决跨域问题的方法。

　　服务端

　　编写服务代码，解决跨域的servlet，通过spring管理项目。在此不在赘述。

　　servlet代码如下：

package js.ws.servlet;

import java.io.IOException;

import java.io.InputStream;

import java.io.OutputStream;

import java.net.HttpURLConnection;

import java.net.URL;

import javax.servlet.ServletException;

import javax.servlet.ServletOutputStream;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import org.omg.CORBA.BAD_TYPECODE;

public class HttpURLConnectionServlet extends HttpServlet{

	private static final long serialVersionUID = -3903837158147517884L;

	@Override

	protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

		String data = "<soap:Envelope xmlns:soap='http://schemas.xmlsoap.org/soap/envelope/'><soap:Body><ns2:helloJS xmlns:ns2='http://interf.ws.js/'><arg0>leo</arg0></ns2:helloJS></soap:Body></soap:Envelope>";

		URL url = new URL("http://192.168.0.102:8080/jsws/services/helloJS");

		HttpURLConnection conn = (HttpURLConnection) url.openConnection();

		conn.setRequestMethod("POST");

		conn.setDoOutput(true);

		conn.setDoInput(true);

		conn.setRequestProperty("Content-Type", "text/xml;charset=utf-8");

		OutputStream os = conn.getOutputStream();

		os.write(data.getBytes("utf-8"));

		int responseCode = conn.getResponseCode();

		if(responseCode == 200)

		{

			resp.setContentType("text/xml;charset=utf-8");

			InputStream is = conn.getInputStream(); // string xml

			ServletOutputStream outputStream = resp.getOutputStream();

			byte[] buffer = new byte[1024];

			int len = 0;

			while((len = is.read(buffer)) > 0)

			{

				outputStream.write(buffer, 0, len);

			}

			outputStream.flush();

		}

	}

}

　　用于获取浏览器发出的访问webservice服务的请求，并真实访问webservice服务，并返回访问服务的结果。

　　客户端

　　简单起见，测试代码也写在了服务器中。

　　Hello.jsp代码如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"

	pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script type="text/javascript" src="jquery-3.2.1.min.js"></script>

<title>hello eclipse</title>

<script type="text/javascript">

	var servletUrl = "/jsws/services/helloServlet";

	var url = "http://localhost:8080/jsws/services/helloJS";

	var data = '<soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/"><soap:Body><ns2:helloJS xmlns:ns2="http://interf.ws.js/"><arg0>leo</arg0></ns2:helloJS></soap:Body></soap:Envelope>';

	function getXMLHttpRequest() {

		var xmlHttpReq = null;

		if (window.XMLHttpRequest) {// Mozilla Firefox, Opera 8.0+, Safari

			xmlHttpReq = new XMLHttpRequest();

		} else {

			if (window.ActiveXObject) {// Internet Explorer

				try {

					xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");

				} catch (e) {

					try {// Internet Explorer

						xmlHttpReq = new ActiveXObject("Msxml2.XMLHTTP");

					} catch (e) {

					}

				}

			}

		}

		return xmlHttpReq;

	}

	$(function(){

		$.post(servletUrl,

			   null,

			   function(msg){

				  var $return = $(msg);

				  alert("servlet: " + $return.find("return").text());

			   },

			   "xml");

		$.post(url,

			   data,

			   function(msg){

				  var $return = $(msg);

				  alert("ajax: " + $return.find("return").text());

			   },

			   "xml")

	});

	window.onload = javascriptWs;

	function javascriptWs()

	{

		var xmlHttpReq = getXMLHttpRequest();

		xmlHttpReq.open("post", url);

		xmlHttpReq.responseType = "document";

		xmlHttpReq.onreadystatechange = function(){

			if(xmlHttpReq.status == 200 && xmlHttpReq.readyState == 4)

			{

				var dom = xmlHttpReq.response;

				var returnEle = dom.getElementsByTagName("return")[0];

				alert("javascript: " + returnEle.firstChild.data);

			}

		}

		xmlHttpReq.setRequestHeader("Content-Type", "text/xml;charset=utf-8");

		xmlHttpReq.send(data);

	}

</script>

</head>

<body>

</body>

</html>

　  上面代码分别采用了javascript，jquery发送ajax请求和servlet方式请求webservice服务。

　　跨域问题来源于JavaScript的同源策略，即只有 协议+主机名+端口号 (如存在)相同，则允许相互访问。也就是说JavaScript只能访问和操作自己域下的资源，不能访问和操作其他域下的资源。这里通过servlet方式解决跨域问题。

　　web.xml文件如下：

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">

  <display-name>jsws</display-name>

  <welcome-file-list>

    <welcome-file>index.html</welcome-file>

    <welcome-file>index.htm</welcome-file>

    <welcome-file>index.jsp</welcome-file>

    <welcome-file>default.html</welcome-file>

    <welcome-file>default.htm</welcome-file>

    <welcome-file>default.jsp</welcome-file>

  </welcome-file-list>

  <!-- 加入spring -->

   <context-param>

     <param-name>contextConfigLocation</param-name>

     <param-value>classpath:applicationContext*.xml</param-value>

   </context-param>

   <listener>

    <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>

   </listener>  

  <!-- 加入CXF支持 -->

   <servlet>

        <description>Apache CXF Endpoint</description>

        <display-name>cxf</display-name>

        <servlet-name>cxf</servlet-name>

        <servlet-class>org.apache.cxf.transport.servlet.CXFServlet</servlet-class>

        <load-on-startup>1</load-on-startup>

    </servlet>

    <servlet-mapping>

        <servlet-name>cxf</servlet-name>

        <url-pattern>/services/*</url-pattern>

    </servlet-mapping>

    <servlet>

    	<servlet-name>wsaccrossdomain</servlet-name>

    	<servlet-class>js.ws.servlet.HttpURLConnectionServlet</servlet-class>

    </servlet>

    <servlet-mapping>

    	<servlet-name>wsaccrossdomain</servlet-name>

    	<url-pattern>/services/helloServlet</url-pattern>

    </servlet-mapping>

</web-app>

　　执行结果如下：

　　代码地址：https://files.cnblogs.com/files/liunianfeiyu/jsws.rar

webserive学习记录6-页面请求webservice的更多相关文章

  1. webserive学习记录1-jdk自带webservice

    最近在看webservice有视频,想年后找工作时增加点资本,视频终于看完了,自己又增加了些东西,现在就把视频中学到的和自己发现的东西总结一下. java jdk中自带一个轻量级的webservice ...

  2. webserive学习记录3-eclipse创建webservice

    在用J2EE版的ECLIPSE学习WEBSERVICE的时候发现原来直接用该ECLIPSE就可以创建webservice,然后就自己动手用ECLIPSE自带的功能来建立WEBSERVICE服务端和客户 ...

  3. webserive学习记录4-获取天气的例子

    学习到了如何创建使用webservice服务,下面就实际应用一下,从网络上获取天气数据. 先从网络上找到免费的webservice服务, 如这个网站:http://www.webxml.com.cn/ ...

  4. webserive学习记录5-拦截器完成登陆校验

    说说cxf中的拦截器,可以分为系统拦截器(如日志拦截器)和自定义拦截器,也可以分为出拦截器和入拦截器,也可以分为服务器拦截器和客户端拦截器. 下面将实现一个可以进行登陆验证的拦截器,其中用户名作为方法 ...

  5. webserive学习记录2-cxf框架基础使用

    cxf是一个webservice的框架,类似的还有axis,下面说一下cxf的基本使用. 首先要下载cxf的文件,然后要在项目中引入jar包,当然也可以通过maven进行管理.我用的是最新的3.2.1 ...

  6. Vue学习记录-画页面

    webstorm 因为之前开发ReactNative的时候,选择了webstorm,这回转战Vue,自然还是用它.如果什么也不做的话,打开Vue工程,编辑区域基本上没有语法高亮.怎么办呢? 安装插件( ...

  7. MySQL 基础知识梳理学习（二）----记录在页面层级的组织管理

    1.InnoDB的数据存储结构 InnoDB中数据是通过段.簇.页面构成的. (1)段是表空间文件中的主要组织结构,它是一个逻辑概念,用来管理物理文件,是构成索引.表.回滚段的基本元素.创建一个索引( ...

  8. 防止sql注入和跨站脚本攻击，跨站请求伪造以及一句话木马的学习记录

    以下是来自精通脚本黑客的学习记录 防止以上漏洞的最好的方式 一对用户的输入进行编码,对用户输入进行编码,然后存入数据库,取出时解码成utf-8 二对用户的输入进行过滤,过滤jscript,javasc ...

  9. 我的Spring学习记录（五）

    在我的Spring学习记录(四)中使用了注解的方式对前面三篇做了总结.而这次,使用了用户登录及注册来对于本人前面四篇做一个应用案例,希望通过这个来对于我们的Spring的使用有一定的了解. 1. 程序 ...

随机推荐

  1. VS2017增加数据库连接串

    新装VS2017后,按照三石提供的MVC入门教程,创建MVC应用后,能生成数据库文件(在APP_DATA目录),但无法创建连接,服务器路径一直不正确. 解决方法: 1.重新打开VS2017安装界面,选 ...

  2. Package rdkafka was not found in the pkg-config search path.

    问题 在使用confluent-kafka-go 时遇到如下问题: $ go build t.go # pkg-config --cflags rdkafka Package rdkafka was ...

  3. VS2005的depends工具 （分析EXE）

    忙乎了近两个月,程序开始打包供外部调用了,连同其所需的dll文件,这就需要使用VC自带的Depends软件,在VS2005中其路径为:D:\Program Files\Microsoft Visual ...

  4. C/C++动态分配连续空间，下标越界导致的free():invalid next size问题

    昨天帮导师做的一个程序出了内存泄露的bug(在VS上程序运行一切正常,等return返回后才出错) 而且是程序运行结束后才出现的错误,在退出前一切代码都顺利执行完了,只是return之后出错. 之后我 ...

  5. android 自定义radiogroup的两种方式

    这里先备注下 listview+radiobutton实现  浅显易懂 http://www.haolizi.net/example/view_3312.html 在radiogoup原生态源码的基础 ...

  6. FPGA远程更新之限制条件

    FPGA可重配置带来了很高的灵活性,所以基于FPGA的设计/产品往往也会有后期更新/升级的需求.同时,需要更新/升级的FPGA板卡由于物理条件的限制,可能无法现场升级.比如: 1.FPGA板卡部署在异 ...

  7. 介绍了如何取成员函数的地址以及调用该地址:C++

    摘要:介绍了如何取成员函数的地址以及调用该地址. 关键字:C++成员函数 this指针 调用约定 一.成员函数指针的用法 在C++中,成员函数的指针是个比较特殊的东西.对普通的函数指针来说,可以视为一 ...

  8. Spring IOC - 控制反转(依赖注入) - 配置初始化和销毁的方法

    在Spring中如果某个bean在初始化之后,或销毁之前要做一些额外操作可以为该bean配置初始化和销毁的我方法,在这些方法中完成需要的功能. 实验: 通过断点调试模式,测试初始化方法和销毁方法的执行 ...

  9. Missing Number @leetcode

    Given an array containing n distinct numbers taken from 0, 1, 2, ..., n, find the one that is missin ...

  10. 在VM克隆CENTOS以后，网卡的处理过程

    会发现克隆CENTOS以后,网卡eth0无法启动.处理步骤如下:1. vi /etc/sysconfig/network-scripts/ifcfg-eth0删除HWADDR地址那行删除UUID的那行 ...