码迷,mamicode.com
首页 > Web开发 > 详细

ajax调用webservice服务

时间:2014-06-24 21:32:47      阅读:265      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   code   java   http   

ajax调用是 html方向调用的, 而sqlconnection是 java代码调用的,本质差不多

 1 <html>
 2     <head>
 3         <title>通过ajax调用webservice服务</title>
 4         <script>
 5             var xhr;
 6             function sendAjaxWS(){
 7                 xhr = new ActiveXObject("Microsoft.XMLHTTP");
 8                 //指定ws的请求地址
 9                 var wsUrl = "http://192.168.1.108:5678/hello";
10                 //手动构造请求体
11                 var requestBody = <soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/"  + 
12                                      xmlns:q0="http://service.itcast.cn/" xmlns:xsd="http://www.w3.org/2001/XMLSchema "+
13                                      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">+
14                                     <soapenv:Body><q0:sayHello><arg0>+document.getElementById("msg").value+</arg0> <arg1>10</arg1> </q0:sayHello></soapenv:Body></soapenv:Envelope>;
15                 //打开连接
16                 xhr.open("POST",wsUrl,true);
17                 //重新设置请求头
18                 xhr.setRequestHeader("content-type","text/xml;charset=utf8");
19                 //设置回调函数
20                 xhr.onreadystatechange = _back;
21                 //发送请求
22                 xhr.send(requestBody);
23             }
24 
25             //定义回调函数
26             function _back(){
27                 if(xhr.readyState == 4){
28                     if(xhr.status == 200){
29                         var ret = xhr.responseXML;
30                         //解析xml
31                         var eles = ret.getElementsByTagName("return")[0];
32                         alert(eles.text);
33                     }
34                 }
35             }
36         </script>
37     </head>
38     <body>
39         <input type="text" id="msg" />
40         <input type="button" onclick="sendAjaxWS();" value="通过ajax调用webservice服务"/>
41     </body>
42 </html>

 

ajax调用webservice服务,布布扣,bubuko.com

ajax调用webservice服务

标签:style   class   blog   code   java   http   

原文地址:http://www.cnblogs.com/friends-wf/p/3805607.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!