ajax调用webservice服务
2023-09-11 14:18:04 时间
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>
相关文章
- [转] jquery $.ajax/$(document).ready is not a function的问题
- location的hash部分和使用window.onhashchange实现ajax请求内容时使用浏览器后退和前进功能
- ajax异步文件上传,iframe方式
- ajax处理select下拉表单
- ajax+springmvc返回中文乱码的解决办法
- 开发那点事系列四 - 如何构建高效Ajax应用
- 前后端交互模式大总结 艾提拉 总结 attilax总结 目录 1. 通过ajax ajax就是js的网络api 完全解耦合 推荐1 1.1. Query Ajax 操作函数1 1.2. 服务
- ajax不执行异步方法,直接执行error回调函数
- ajax+分页
- Ajax请求访问action推断文件是否存在
- ThinkPHP5 异常类重写适配 AJAX