JAVASCRIPT调用WEBSERVICE

最新推荐文章于 2023-10-15 11:58:09 发布

阿茶你在哪里

最新推荐文章于 2023-10-15 11:58:09 发布

阅读量532

点赞数

CC 4.0 BY-SA版权

分类专栏： JAVASCRIPT

本文链接：https://blog.youkuaiyun.com/CHALLENG_EVERYTHING/article/details/50480930

JAVASCRIPT 专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何在HTML页面中使用JavaScript实现与Web服务的交互，通过编写示例代码展示从输入到输出的完整流程。

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

HTML端代码

<html>
<header>
  <script type="text/javascript">
   function CallWeb(){
    var inputStr = document.getElementById('input').value;
    var postUrl = 'http://localhost:21451/Service1.asmx';
    var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    var postData = '<?xml version="1.0" encoding="utf-8"?>';
    postData = postData + '<soap12:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap12="http://www.w3.org/2003/05/soap-envelope">';
    postData = postData + '<soap12:Body>';
    postData = postData + '<HelloWorld xmlns="http://tempuri.org/">';
    postData = postData + '<s>' + inputStr + '</s>';
    postData = postData + '</HelloWorld>';
    postData = postData + '</soap12:Body>';
    postData = postData + '</soap12:Envelope>';
    xmlhttp.Open('POST', postUrl, false);
    xmlhttp.SetRequestHeader('Content-Type', 'application/soap+xml');
    xmlhttp.Send(postData);
    var OutLabel = document.getElementById('output');
    OutLabel.value = xmlhttp.responseText;
   }
  </script>
</header>
<body>
  <input type='textbox' id='input'/>
  <input type='button' value='调用web服务' onclick = 'CallWeb()'/>
  <input type='textbox' id='output'/>
</body>
</html>