1、上一篇WebService文章介绍了基本的创建、调用WebService服务的形式,今天学习了一下通过Ajax调用WebService服务的形式,
2、首先启动一个WebService服务,代码如下:
package com.wang.webservice.service; import javax.jws.WebService; import javax.xml.ws.Endpoint; @WebService public class HelloService { public String sayHello( String name ){ System.out.println(name); return "hello " + name; } public static void main(String[] args) { Endpoint.publish("http://127.0.0.1:1234/helloservice", new HelloService()); } }
3、启动后,创建一个html文件,准备通过ajax请求WebService服务,直接上代码,代码中有说明:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>通过Ajax调用webService服务</title> </head> <script> /* ActiveXObject有浏览器兼容问题 */ var xhr = new ActiveXObject("Microsoft.XMLHTTP"); function sendMsg(){ var name = document.getElementById("name").value; //服务地址 var wsUrl = "http://127.0.0.1:1234/helloservice"; //请求体 var soap = '<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:q0="http://service.webservice.wang.com/" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">' + '<soapenv:Body><q0:sayHello><arg0>'+ name +'</arg0></q0:sayHello></soapenv:Body></soapenv:Envelope>'; //打开连接 xhr.open('POST', wsUrl, true); //重新设置请求头 xhr.setRequestHeader("Content-Type", "text/xml;charset=UTF-8"); //设置回调函数 xhr.onreadystatechange = _back; //发送请求 xhr.send(soap); } function _back(){ if(xhr.readyState == 4){ if( xhr.status == 200 ){ /* 有浏览器兼容问题 */ var ret = xhr.responseXML; var msg = ret.getElementsByTagName('return')[0]; alert(msg); } } } </script> <body> <input type="button" value="发送soap请求" onclick="sendMsg()" /> <input type="text" id="name"/> </body> </html>
此时,用IE浏览器打开这个HTML文件,基本就能看到效果了。
代码中,除了请求体外,其他的都好理解,那么这个请求体是哪来的哪儿??
4、动过myeclipse(eclipse)拦截工具获得请求体。上图:
注:http://127.0.0.1:1234/helloservice?wsdl 上篇文章中介绍的。。
通过Ajax调用webService服务完毕。。。
相关推荐
jQuery使用Ajax方法调用WebService.doc
jQuery使用Ajax方法调用WebService.rarjQuery使用Ajax方法调用WebService.rarjQuery使用Ajax方法调用WebService.rar
ajax调用webservice示例 看例子才是最好的学习方法
基于dojo使用ajax调用webservice,返回json格式数据,填充下拉框列表
三个文档打包下载,分别详细讲述了ajax以及JavaScript调用WebService的具体用法,是学习ajax和WebService的良好示例。
网上有,但是只是介绍,没有现成的代码,现在我做了一个最简单的web服务,在客户端运用AJAX技术进行了调用,测试成功!
新建解决方案,添加网站 将源码添加到vs 内查看,可直接复制使用。
通过ajax调用webserivce,并返回值到页面
Ajax 调用WebService
该项目主要实现ajax/winform/webform三种方式通过WebAPI去调用WebService服务功能。简单易懂,WebService中主要包含的技术为APISoapHeader方法。初次接触这类技术的程序猿们可供参考。包括数据库脚本以及说明,很是...
用于jquery,通过ajax方法调用webservice接口,以及获取接口返回参数
网上收集整理的基于prototype实现的ajax调用webservice,在axis.js的后面nsuri是绑定的命名空间,增加了Array的类型,可存放string或int,long等基础类型,callWebService方法里是调用一个服务端通用的方法,可自行...
模仿QQ空间的相册效果,利用XML做数据库,对XML进行解析获取数据,页面显示利用了Ajax调用Webservice实现页面无刷新,Jquery对DOM进行解析操作,比利用jquery实现了动画效果
资源名称:jQuery使用Ajax方法调用WebService 中文WORD版内容简介:本文档将jQuery使用Ajax 调用WebService 的几个常用的方法做了一个整理,提供给正在找这方面内容的朋友,希望能给学习jQuery的朋友一点帮助。...
webService中要实现ajax调用,则要加这句代码: // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。 [System.Web.Script.Services.ScriptService] 代码下载 /201008/yuanma/WebService2....
使用javascript 中Ajax技术调用WebService,包括JSP和ASP.NET中两种,其中JSP的WebService使用了XFire框架。 ASP.NET中的WebService做了一个方法示例GetProgress,包含3个参数。 JSP中的WebService做了hello方法的...
本文通过实例给大家详细介绍jQuery中通过ajax调用webservice传递数组参数的相关资料,需要的朋友可以参考下
ajax跨域调用webservice实现文件上传,项目使用vs2019创建,请示用vs2019以上版本工具进行打开。