HTML5：如何使用Javascript使用.NET Web服务？ （HTTP POST）

Question

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

.NET Webservice     

getText(){
    return "Hello";
    }

Answer 1

Dave Ward撰写了一篇非常有用的文章，该文章将引导您完成代码以完成这个确切的场景。

Using jQuery to Consume ASP.NET JSON Web Services

这是一个基本示例，它只是将服务器的响应输出到<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 libraray。以下是从asmx Web服务获取数据的简单ajax调用。我使用的数据类型是json。如果您的服务响应成功，则会调用“成功功能”。否则功能＆＃39; FailedFunc＆＃39;被称为。

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