.net - HTML5：如何使用 Javascript 使用 .NET Web 服务？（HTTP 发布）

Question

请帮我解决一下这个。我在网站上使用 HTML5，.NET 服务（.asmx）。我有一个方法 getText() 它返回一个文本字符串。如何调用它并将其显示在我的 html5 网页上？

.NET 网络服务

getText(){
    return "Hello";
    }

Answer 1

Dave Ward 写了一篇非常有帮助的文章，它应该会引导您通过代码来完成这个确切的场景。

使用 jQuery 使用 ASP.NET JSON Web 服务

这是一个基本示例，它将简单地将来自服务器的响应输出到<div>标签中。

<div id="output"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
  $(function() {
    $.ajax({
      type: "POST",
      url: "PATH-TO-WEB-SERVICE.asmx/WEB-SERVICE-METHOD-NAME",
      data: "{}",
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function(response) {
        $('#output').html(response);
      }
    });
  });
</script>

Answer 2

首先包括最新的 jquery 库。以下是从 asmx Web 服务获取数据的简单 ajax 调用。我使用的数据类型是 json。当您的服务响应成功时，它会调用“SuccessFunc”函数，否则会调用“FailedFunc”。

function GetText() {
                try {
                    $.ajax({
                        type: "POST",
                        url: "http://localhost/YourService/YourService.asmx/GetText",
                        data: "{''}",
                        contentType: "application/json; charset=utf-8",
                        success: SucceedFunc,
                        dataType: "json",
                        failure: FailedFunc
                    });
                }
                catch (e) {
                    alert('failed to call web service. Error: ' + e);
                }
            }

失败的功能

function FailedFunc(error) {
     alert('error: ' + error);    
        }

成功函数

function SuccessFunc(responce) {
           alert(eval(responce.d));
        }