js调用webservice构造SOAP进行身份验证

256 阅读 0 评论 169 点赞

我是靠谱客的博主认真小兔子，这篇文章主要介绍js调用webservice构造SOAP进行身份验证，现在分享给大家，希望可以做个参考。

本文实例为大家分享了js调用webservice构造SOAP进行身份验证的相关内容，注释清除，供大家参考，具体内容如下

复制代码

//实际上这段代码就是用JS构造一个字符串，而这个字符串就是通过浏览器查看WEBSERVICE时方法时出现的那段
function RequestByPost(method,variable,value,url,_Namespace)
{
 createXMLHttpRequest();
 var data;
 data = '<?xml version="1.0" encoding="utf-8"?>';
 data = data + '<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/">';
 
 //加了这段可以实现soap头

//UserName ,Pwd这是我的SOAP验证形式，需替换
 data = data + "<soap:Header>"
 data = data + '<UserSoapHeader xmlns="http://tempuri.org/">'
 data = data + "<UserName>admin</UserName>"
 data = data + "<Pwd>faaaa</Pwd>"
 data = data + "</UserSoapHeader>"
 data = data + "</soap:Header>"
 
 
 data = data + '<soap:Body>';
 data = data + '<'+method+' xmlns="'+_Namespace+'">';
 for(var i=0;i<variable.length;i++)
 {
　　 data = data + '<'+variable[i]+'>'+value[i]+'</'+variable[i]+'>';
 }
 data = data + '</'+method+'>';
 data = data + '</soap:Body>';
 data = data + '</soap:Envelope>';
 　　
 xmlhttp.onreadystatechange=handleStateChange;
 xmlhttp.Open("POST",url, true);
 xmlhttp.SetRequestHeader ("Content-Type","text/xml; charset=utf-8");
 //xmlhttp.SetRequestHeader ("Content-Length",getlen(data));
 xmlhttp.SetRequestHeader ("SOAPAction",_Namespace+method);
 xmlhttp.Send(data);
 alert(data);
}

//WeatherReport Test:
 function Button2_onclick() {
  //方法名，参数名，参数值，服务URL，服务所使用命名空间
  RequestByPost("HelloWorld",[],[],"http://localhost:13267/SERVICES/WebService.asmx","http://tempuri.org/");
 }
　　
　　window.onload = function(){
　　 Button2_onclick();
　　}
// ]]>
 </script>

</head>
<body>
 <label id='Label1'>ss</label>
</body>
</html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<html>
<head>
 <title>无标题页</title>

 <script language="javascript" type="text/javascript">
// <!CDATA[
　　
//define
var xmlhttp;
var value=new Array();
var variable=new Array();
　　
//Show Response MSG.
function handleStateChange()
{
　　var h=document.getElementById("Label1");
　　if(xmlhttp.readyState==4)
　　{
　　　　if(xmlhttp.status==200)
　　　　{
　　　　　　alert(xmlhttp.responseText);
　　　　　　h.innerHTML=xmlhttp.responseText;
　　　　　　//h.innerHTML=xmlhttp.responseXML;
　　　　}
　　　　else if(xmlhttp.status==404)
　　　　{
　　　　　　h.innerHTML="<br>找不到请求的服务器资源！";
　　　　}
　　}
　　else if(xmlhttp.readyState==0)
　　{
　　　　h.innerHTML="<br>未初始化！";
　　}
　　else if(xmlhttp.readyState==1)
　　{
　　　　h.innerHTML="<br>正在加载……！";
　　}
　　else if(xmlhttp.readyState==2)
　　{
　　　　h.innerHTML="<br>已经加载完成！";
　　}
　　else if(xmlhttp.readyState==3)
　　{
　　　　h.innerHTML="<br>正在和服务器交互";
　　}
　　else
　　{
　　　　h.innerHTML=xmlhttp.responseXML;
　　}
　　
}
　　
//Get Request Data's length
function getlen(str)
{
 var bytesCount=0;
 for (var i = 0; i < str.length; i++)
 {
 var c = str.charAt(i);
 if (/^[u0000-u00ff]$/.test(c))　 //匹配双字节
　　　 {
 bytesCount += 1;
 }
 else
 {
 bytesCount += 2;
 }
 }
 return bytesCount;
}　
　　
//Create XMLHttpRequest Object
　function createXMLHttpRequest()
{
　　
　　if(window.ActiveXObject)
　　{
　　　　xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
　　}
　　else if(window.XMLHttpRequst)
　　{
　　　　xmlhttp=new XMLHttpRequest();
　　}
}　
　　
//send Request By HTTP POST

//实际上这段代码就是用JS构造一个字符串，而这个字符串就是通过浏览器查看WEBSERVICE时方法时出现的那段
function RequestByPost(method,variable,value,url,_Namespace)
{
 createXMLHttpRequest();
 var data;
 data = '<?xml version="1.0" encoding="utf-8"?>';
 data = data + '<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/">';
 
 //加了这段可以实现soap头

 //UserName ,Pwd这是我的SOAP验证形式，需替换
 data = data + "<soap:Header>"
 data = data + '<UserSoapHeader xmlns="http://tempuri.org/">'
 data = data + "<UserName>admin</UserName>"
 data = data + "<Pwd>faaaa</Pwd>"
 data = data + "</UserSoapHeader>"
 data = data + "</soap:Header>"
 
 
 data = data + '<soap:Body>';
 data = data + '<'+method+' xmlns="'+_Namespace+'">';
 for(var i=0;i<variable.length;i++)
 {
　　 data = data + '<'+variable[i]+'>'+value[i]+'</'+variable[i]+'>';
 }
 data = data + '</'+method+'>';
 data = data + '</soap:Body>';
 data = data + '</soap:Envelope>';
 　　
 xmlhttp.onreadystatechange=handleStateChange;
 xmlhttp.Open("POST",url, true);
 xmlhttp.SetRequestHeader ("Content-Type","text/xml; charset=utf-8");
 //xmlhttp.SetRequestHeader ("Content-Length",getlen(data));
 xmlhttp.SetRequestHeader ("SOAPAction",_Namespace+method);
 xmlhttp.Send(data);
 alert(data);
}
　　

 //WeatherReport Test:
 function Button2_onclick() {
  //方法名，参数名，参数值，服务URL，服务所使用命名空间
  RequestByPost("HelloWorld",[],[],"http://localhost:13267/SERVICES/WebService.asmx","http://tempuri.org/");
 }
　　
　　window.onload = function(){
　　 Button2_onclick();
　　}
// ]]>
 </script>

</head>
<body>
 <label id='Label1'>ss</label>
</body>
</html>