个人中心
gpt4 book ai didi

jquery - 使用 AJAX jQuery 和 SOAP 调用 WebService

转载 作者：行者123 更新时间：2023-12-01 04:35:33 25 4
gpt4 key购买 nike

我正在复制/粘贴此 HTML 代码 from this guide但我无法使服务正常工作。

文章讲述了一个用于进行简单算术计算的WebService，我很幸运地找到了一个提供相同服务的端点:

http://www.dneonline.com/calculator.asmx?WSDL

因此，我启动 WcfStorm，如果我尝试请求 SOAP 调用来生成 3 + 5，我会收到结果 8:

enter image description here

一切都好，现在让我们注入(inject)调用:

<Add>
  <MethodParameters>
    <intA>3</intA>
    <intB>5</intB>
  </MethodParameters>
</Add>

进入我在文章中找到的 HTML 代码:

<html>
<head>
    <title></title>
    <script src="Scripts/jquery-1.8.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#BTNSERVICE").click(function (event) {
                var webserUrl = "http://www.dneonline.com/calculator.asmx?WSDL";
                var soapRequest =
'<?xml version="1.0" encoding="utf-8"?> \
<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/"> \
<soap:Body> \
<Add> \
  <MethodParameters> \
    <intA>0</intA> \
    <intB>0</intB> \
  </MethodParameters> \
</Add> \
</soap:Body> \
</soap:Envelope>';
                $.ajax({
                    type: "POST",
                    url: webserUrl,
                    contentType: "text/xml",
                    dataType: "xml",
                    data: soapRequest,
                    success: SuccessOccur,
                    error: ErrorOccur
                });
            });
        });
        function SuccessOccur(data, status, req) {
            if (status == "success")
                alert(req.responseText);
        }
        function ErrorOccur(data, status, req) {
            alert(req.responseText + " " + status);
        }
    </script>
</head>
<body>
    <form runat="server">
    <asp:button id="BTNSERVICE" runat="server" text="BTNSERVICE" />
    SAMPLE Application to test service
    </form>
</body>
</html>

我将文件保存为 .HTML 文件，然后使用 FireFox 打开，但没有任何乐趣:

enter image description here

我做错了什么？我实际上正在一步一步地遵循指南。

最佳答案

您的问题在您的soapRequest中，正是这一行:

<Add> \

打开此网址 http://www.dneonline.com/calculator.asmx?op=Add 你可以看到你的添加方法是:

<Add xmlns="http://tempuri.org/">

事实上，您收到的错误消息是:

Unable to handle request without a valid action parameter. Please supply a valid soap action.

代码片段:

// the following in order to handle cors in this demo....
jQuery.ajaxPrefilter(function(options) {
    if (options.crossDomain && jQuery.support.cors) {
        options.url = 'https://cors-anywhere.herokuapp.com/' + options.url;
    }
});

$("#BTNSERVICE").click(function (event) {
    var intA = $('#intA').val();
    var intB = $('#intB').val();

    var soapRequest = `<?xml version="1.0" encoding="utf-8"?>
                       <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/">
                            <soap:Body>
                                <Add xmlns="http://tempuri.org/">
                                    <intA>${intA}</intA>
                                    <intB>${intB}</intB>
                                </Add>
                            </soap:Body>
                        </soap:Envelope>`;

    var webserUrl = "http://www.dneonline.com/calculator.asmx?WSDL";
    var self = this;
    self.disabled = true;
    $.ajax({
        type: "POST",
        url: webserUrl,
        dataType: "xml",
        processData: false,
        contentType: "text/xml; charset=\"utf-8\"",
        data: soapRequest,
        success: function (data, status, req) {
            if (status == "success") {
                var result = $(req.responseXML).find('AddResult').text();
                $('#AddResult').val(result);
            }
        },
        error: function (data, status, req) {
            $('#errmsg').text(data.responseText);
        },
        complete: function(data, status) {
            self.disabled = false;
        }
    });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<form runat="server">
    intA: <input id="intA" type="text" value="0"> <br>
    intB: <input id="intB" type="text" value="0"> <br>
    AddResult: <input id="AddResult" type="text" value="0"> <br>
    <button id="BTNSERVICE"  type="button">SAMPLE Application to test service</button>
</form>
<div id="errmsg"></div>

包含代码的最小 html 文件如下。您可以在其中看到我在何处以及如何添加 js 和 html 表单元素:

  1. 在标题部分，您可以看到我如何添加 jQuery 库和 js 代码
  2. 在正文部分，您可以看到带有输入字段和按钮的表单元素。

以下是最小的 html 文件，仅包含您可以使用的 js 代码和 html 标签。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>

    <!-- in the header section you can add javascript -->

    <!-- include the jQuery library version 3.3.1 -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <!-- include javascript code -->
    <script>
        // the following in order to handle cors in this demo....
        // for details see: https://github.com/Rob--W/cors-anywhere/#documentation
        jQuery.ajaxPrefilter(function (options) {
            if (options.crossDomain && jQuery.support.cors) {
                options.url = 'https://cors-anywhere.herokuapp.com/' + options.url;
            }
        });

        // on DOM ready...
        $(function () {
            // the following event handler will handle click events for BUTTON
            $("#BTNSERVICE").on('click', function (event) {
                var intA = $('#intA').val();
                var intB = $('#intB').val();

                var soapRequest = `<?xml version="1.0" encoding="utf-8"?>
                <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/">
                        <soap:Body>
                            <Add xmlns="http://tempuri.org/">
                                <intA>${intA}</intA>
                                <intB>${intB}</intB>
                            </Add>
                        </soap:Body>
                </soap:Envelope>`;

                var webserUrl = "http://www.dneonline.com/calculator.asmx?WSDL";
                var self = this;
                self.disabled = true;
                $.ajax({
                    type: "POST",
                    url: webserUrl,
                    dataType: "xml",
                    processData: false,
                    contentType: "text/xml; charset=\"utf-8\"",
                    data: soapRequest,
                    success: function (data, status, req) {
                        if (status == "success") {
                            var result = $(req.responseXML).find('AddResult').text();
                            $('#AddResult').val(result);
                        }
                    },
                    error: function (data, status, req) {
                        $('#errmsg').text(data.responseText);
                    },
                    complete: function (data, status) {
                        self.disabled = false;
                    }
                });
            });
        });
    </script>


</head>
<body>


<!-- in the body section you can add form -->
<form runat="server">
    intA: <input id="intA" type="text" value="0"> <br>
    intB: <input id="intB" type="text" value="0"> <br>
    AddResult: <input id="AddResult" type="text" value="0"> <br>
    <button id="BTNSERVICE" type="button">SAMPLE Application to test service</button>
</form>
<div id="errmsg"></div>


</body>
</html>

关于jquery - 使用 AJAX jQuery 和 SOAP 调用 WebService，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57563899/

25 4 0
文章推荐： grails - 将 OpenAM、tomcat J2EE 策略代理与支持 Spring Security 的 Web 应用程序集成
文章推荐： hangfire - windows任务调度程序和hangfire(或Quartz.net)有什么区别？
文章推荐： jvm - 在Windows 10l中编译后如何将openjdk9源代码导入visual studio 2017？
文章推荐： curl - 要求 postman 提供作品，但不要求cURL提供作品
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com