JQuery访问WebService(可访问Java[Xfire])
最近有些时间学习了下JQuery,发现有很多JQuery访问.net WebService的例子。作为WebService这种接口应该是通用的,为什么没人关于Java的例子呢?这点引起我的兴趣。
我仔细看看了看看几个人的例子,发现了问题。众所周知WebService是遵守SOAP协议的,为什么例子都是JSON格式的参数传递?net WebService兼容JSON格式,而Java的是标准WebService,不兼容JSON。看来net害了大家啊。于是我仔细了解了WSDL文件,做了个例子。下面只放关键代码。
1 $(function () {
2 $("#btnWs").click(btnAjaxPost);
3 });
4
5 function btnAjaxPost(event) {
6 $.ajax({
7 type: "POST",
8 contentType:"text/xml",
9 url:"http://*****/WebServiceTest/services/HelloWorldService",
10 data:getPostData(),//这里不该用JSON格式
11 dataType:'xml',//这里设成XML或者不设。设成JSON格式会让返回值变成NULL
12 success: function(xml) {
13 //对结果做XML解析。
14 //浏览器判断 (IE和非IE完全不同)
15 if($.browser.msie){
16 $("#result").append(xml.getElementsByTagName("ns1:out")[0].childNodes[0].nodeValue+"<br/>");
17 }
18 else{
19 $(xml).find("out").each(function(){
20 $("#result").append($(this).text()+"<br/>");
21 })
22 }
23 },
24 error: function(x, e) {
25 alert('error:'+x.responseText);
26 },
27 complete: function(x) {
28 //alert('complete:'+x.responseText);
29 }
30 });
31 }
32 //定义满足SOAP协议的参数。
33 function getPostData()
34 {
35 //根据WSDL分析sayHelloWorld是方法名,parameters是传入参数名
36 var postdata="<?xml version=\"1.0\" encoding=\"utf-8\"?>";
37 postdata+="<soap:Envelope xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:xsd=\"http://www.w3.org/2001/XMLSchema\" xmlns:soap=\"http://schemas.xmlsoap.org/soap/envelope/\">";
38 postdata+="<soap:Body><sayHelloWorld xmlns=\"http://tempuri.org/\">";
39 postdata+="<parameters>"+$("#txtName").val()+"</parameters>";
40 postdata+="</sayHelloWorld></soap:Body>";
41 postdata+="</soap:Envelope>";
42 return postdata;
43 }
2 $("#btnWs").click(btnAjaxPost);
3 });
4
5 function btnAjaxPost(event) {
6 $.ajax({
7 type: "POST",
8 contentType:"text/xml",
9 url:"http://*****/WebServiceTest/services/HelloWorldService",
10 data:getPostData(),//这里不该用JSON格式
11 dataType:'xml',//这里设成XML或者不设。设成JSON格式会让返回值变成NULL
12 success: function(xml) {
13 //对结果做XML解析。
14 //浏览器判断 (IE和非IE完全不同)
15 if($.browser.msie){
16 $("#result").append(xml.getElementsByTagName("ns1:out")[0].childNodes[0].nodeValue+"<br/>");
17 }
18 else{
19 $(xml).find("out").each(function(){
20 $("#result").append($(this).text()+"<br/>");
21 })
22 }
23 },
24 error: function(x, e) {
25 alert('error:'+x.responseText);
26 },
27 complete: function(x) {
28 //alert('complete:'+x.responseText);
29 }
30 });
31 }
32 //定义满足SOAP协议的参数。
33 function getPostData()
34 {
35 //根据WSDL分析sayHelloWorld是方法名,parameters是传入参数名
36 var postdata="<?xml version=\"1.0\" encoding=\"utf-8\"?>";
37 postdata+="<soap:Envelope xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:xsd=\"http://www.w3.org/2001/XMLSchema\" xmlns:soap=\"http://schemas.xmlsoap.org/soap/envelope/\">";
38 postdata+="<soap:Body><sayHelloWorld xmlns=\"http://tempuri.org/\">";
39 postdata+="<parameters>"+$("#txtName").val()+"</parameters>";
40 postdata+="</sayHelloWorld></soap:Body>";
41 postdata+="</soap:Envelope>";
42 return postdata;
43 }
完整例子SVN地址:http://theyounglearningmaterials.googlecode.com/svn/trunk/JavaWebServices/WebServiceTest/
我以后所有学习的例子都会放在 http://theyounglearningmaterials.googlecode.com/svn/trunk/里面,方便管理防止丢失。