在 HTML 中使用 Web 服务答案

【问题标题】：Consuming web service in HTML在 HTML 中使用 Web 服务
【发布时间】：2013-03-23 13:35:32
【问题描述】：

我创建了一个 Web 服务并保存了它的 .wsdl 文件。我想通过提供它的 URL 在我的 HTML 文件中使用这个服务。

谁能告诉我如何在 HTML 中调用 URL 并使用它？就像在这里做的一样。 http://www.codeproject.com/Articles/14610/Calling-Web-Services-from-HTML-Pages-using-JavaScr/

唯一的区别是我的网络服务没有像“asmx?wsdl”这样的扩展。这有什么区别吗。我也遵循了该教程，但它没有产生任何输出。

谢谢你////

【问题讨论】：

你可以用纯 javascript 做到这一点，没有 jquery：w3schools.com/xml/ajax_intro.asp

标签： javascript html web-services

【解决方案1】：

您绝对应该熟悉AJAX。您可以使用 jQuery 提供的 ajax 功能。这是最简单的方法，我想。看看http://api.jquery.com/jQuery.ajax/

你可以这样使用

$.ajax({
  url: "urltoyourservice.xml"
  dataType: "xml",
}).done(function(data) {
  console.log(data);
});

HTML 本身不能使用网络服务。绝对需要Javascript。您的 WSDL 文件的存在看起来您可能正在使用 XML 格式作为 Web 服务的返回。您必须在 javascript 中处理 XML。所以看看Tim Downs的解释。

但请记住，您的 Web 服务 URL 必须在与您的消费 HTML 文件相同的域下可用。否则你会收到cross-site-scripting error。

【讨论】：

【解决方案2】：

是的，您可以使用 ajax，但请记住，您将无法跨域发出请求。消费网络服务应该在服务器端完成。

要进一步了解这方面的知识，请阅读How do I call a web service from javascript

【讨论】：

【解决方案3】：

function submit_form(){
        var username=$("#username").val();
        var password=$("#password").val(); 
                var data = { loginName: username, password:password };
                $.ajax( {
                    type: "POST",
                    url:"Paste ur service address here",
                    data: JSON.stringify(data),
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    async: false,
                    success: function(data){
                        var value = data.d;
                        if(value.UserID != 0){
                            alert.html('success');
                        }
                    },
                    error: function (e) {
                    }
                });  
        }

试试这个会有帮助

【讨论】：