ajax 调用webservice的两种方式

最新推荐文章于 2021-08-05 20:23:04 发布

fengloveyun

最新推荐文章于 2021-08-05 20:23:04 发布

阅读量691

点赞数

CC 4.0 BY-SA版权

分类专栏： Ajax WebService 文章标签： webservice ajax button xmlhttprequest function soap

本文链接：https://blog.youkuaiyun.com/fengloveyun/article/details/4069450

WebService 同时被 2 个专栏收录

5 篇文章

订阅专栏

Ajax

3 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现的SOAP协议调用远程服务的方法。具体来说，它演示了如何构造SOAP请求并发送到指定的Web服务接口以获取特定城市的天气信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312"/>
<title>test</title>

</head>
<body>
<input value="send" type="button" style="width: 61px" id="Button1" name="Button1" onclick="return Button1_onclick()" />
<div id="result"></div>
<script language="javascript" type="text/javascript">
// <!CDATA[
var xmlhttp

var r=document.getElementById("result");

function Button1_onclick() {
SoapProtocal();

}
function HttpPost()
{
xmlhttp=getHTTPObject();
xmlhttp.open("post","http://fhs.6617.com/getweather.asmx/GetCityWeather",true);
xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
xmlhttp.onreadystatechange=showresult;
xmlhttp.send("city=北京");
}

function SoapProtocal()
{
xmlhttp=getHTTPObject();
xmlhttp.open("post","http://fhs.6617.com/getweather.asmx",true);
xmlhttp.setRequestHeader('Content-Type','text/xml; charset=utf-8');
xmlhttp.setRequestHeader('SOAPAction','http://fhs.6617.com/WeatherService/GetCityWeather');
xmlhttp.onreadystatechange=showresult;
var tt;
tt='<?xml version="1.0" encoding="utf-8"?>';
tt+='<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/">';
tt+='<soap:Body>';
tt+="<GetCityWeather xmlns=/"http://fhs.6617.com/WeatherService/">"
tt+="<city>北京</city>"
tt+="</GetCityWeather>";
tt+='</soap:Body>';
tt+='</soap:Envelope>';
xmlhttp.send(tt);
}

function showresult(){

if (xmlhttp.readyState == 4)
{
   if (xmlhttp.status == 200)
   {
      var result = xmlhttp.responseText;
     r.innerHTML =r.innerHTML+ result +"<br/>" ;

   }
   else
    r.innerHTML =r.innerHTML+xmlhttp.status +"<br/>" ;
}
}

// ]]>
</script>
</body>
</html>