使用JavaScript发送SOAP请求-优快云博客

本文链接：https://blog.youkuaiyun.com/Kellogg_and_Nina/article/details/78376680

这篇博客展示了如何在HTML页面中利用JavaScript创建一个SOAP请求。通过XMLHttpRequest对象，实现了向指定URL发送POST请求，并设置了请求头。当请求响应时，内容会被显示在页面的指定区域。

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

<html >
<head >
    <title></title>

    <script >
           var xmlhttp;
         function RequestWebService() {
            //这是我们在第一步中创建的Web服务的地址
            var URL = "http://136.192.0.86/soap";
           //ff浏览器
            xmlhttp = new XMLHttpRequest();
           //ie浏览器
           // xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            //在这处我们拼接 -->
            var data;
            data = '<xml version="1.0" encoding="UTF-8">';
            data = data + '<HTNG_HotelKeyEncodeRQ EchoToken="96fd8433-1935-491e-9a02-97d1c5a20352" TimeStamp="2010-02-12T12:26:47"Version="1.0" xmlns="http://htng.org/2010A" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">';
            data = data + '</POS>';
            data = data + '<UniqueID Type="14" ID="RES123456"/>';
           data = data + '<HotelKeyEncode KeyType="Add-Update" Quantity="1" ReturnTrackData="false">';
           data = data + '<Encoder Type="0" ID="ENC123456"/>';
            data = data + '<MagneticData Track2="MTIzNDU2"></MagneticData>';
            data = data + '<TimeSpan End="2010-08-15T12:00:00" Start="2010-08-13T16:37:24"/>';
           data = data + '<AccessAreas>';
           data = data + '<AccessArea Type="27" ID="POOL"/>';
           data = data + '</AccessAreas>';
           data = data + '<RoomType Composite="false" RoomID="1706"/>';
           data = data + '</HotelKeyEncode>';
           data = data + '</HTNG_HotelKeyEncodeRQ>';
            //创建连接
            xmlhttp.open("POST", URL, false);
            //xmlhttp.setRequestHeader("content-type","application/soap+xml");
           //设置头文件
           xmlhttp.setRequestHeader("content-type","application/x-www-form-urlencoded;charset=utf-8");
           //xmlhttp.setRequestHeader("content-type","text/xml; charset=utf-8");
           //回调函数，一定要在send（）方法之前
           xmlhttp.onreadystatechange=callbackfunc;
           发送soap请求协议
            xmlhttp.send(data);
           function callbackfunc(){
               document.getElementById("data").innerHTML = xmlhttp.responseXML;
           }
        }
    </script>
</head>
<body>
    <div>
        <input id="One" type="button" value="post" οnclick="RequestWebService()" />
    </div>
    <div id="data">
    </div>
</body>
</html>

js发送SOAP请求