在HTML中使用Web服務

Question

我創建了一個Web服務並保存了它的.wsdl文件。 我希望通過提供URL來在我的HTML文件中使用此服務。

任何人都可以告訴我如何在HTML中調用URL並使用它嗎？ 就像在這里完成的那樣 http://www.codeproject.com/Articles/14610/Calling-Web-Services-from-HTML-Pages-using-JavaScr/

唯一的區別是我的網絡服務沒有像“asmx？wsdl”那樣的擴展。 這有什么不同嗎？ 我也遵循了該教程，但它不會產生任何輸出。

謝謝////

Answer 1

你絕對應該熟悉AJAX 。 您可以使用jQuery提供的ajax功能。 我認為這是最簡單的方法。 看看http://api.jquery.com/jQuery.ajax/

你可以像這樣使用它

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

HTML本身不能使用Web服務。 Javascript絕對需要。 您的WSDL文件的存在看起來像您可能使用XML格式作為Web服務的返回。 你必須在javascript中處理XML。 因此，看看蒂姆唐斯的解釋。

但請記住，您的Web服務URL必須在與使用HTML文件相同的域下可用。 否則，您將收到跨站點腳本錯誤 。

Answer 2

是的，你可以使用ajax但請記住，你不能跨域提出請求。 消費Web服務應該在服務器端完成。

為了進一步了解這一點，請閱讀如何從javascript調用Web服務

Answer 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) {
                    }
                });  
        }

試試這個會有所幫助