前端之家收集整理的这篇文章主要介绍了
ajax 调用websevice,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<html> <head> <title>通过ajax
调用WebService服务</title> <script> var xhr = new ActiveXObject("Microsoft.XMLHTTP"); function sendMsg(){ var name = document.getElementById('name').value; //服务的地址 var wsUrl = 'http://192.168.1.100:6789/hello'; //请求体 请求体可以通过MyEclipse
获取 var soap = '<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:q0="http://ws.itcast.cn/" 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); } /* 0 - (未初始化)还没有
调用send()
方法 1 - (载入)已
调用send()
方法,正在发送请求 2 - (载入完成)send()
方法执行完成, 3 - (交互)正在解析响应
内容 4 - (完成)响应
内容解析完成,可以在客户端
调用了 */ function _back(){ if(xhr.readyState == 4){ if(xhr.status == 200){ //alert('
调用Webservice成功了'); var ret = xhr.responseXML; var msg = ret.getElementsByTagName('return')[0]; document.getElementById('showInfo').innerHTML = msg.text; //alert(msg.text); } } } </script> </head> <body> <input type="button" value="发送SOAP请求" onclick="sendMsg();"> <input type="text" id="name"> <div id="showInfo"> </div> </body> </html>
原文链接:https://www.f2er.com/ajax/164332.html