从 JS 调用 ASP.NET Web 服务

Question

我不断寻找有关如何使用 .NET 和 Visual Studio 2010 编写 Web 服务的良好指南，以便我可以使用 AJAX 将其用于基于 HTML 的网站。

我知道有一种称为 ASMX 方式的方法，但现在它已更新为 ServiceHost，因此我需要一个简单的指南，它可以引导我了解如何使用 ServiceHost 对象创建 asp.net Web 服务。

抱歉，如果这听起来模棱两可或幼稚。

Answer 1

将 ScriptManager 控件放在页面上并添加对您的 .asmx 服务的引用：

<asp:ScriptManager ID="myManager" runat="server">
    <Services>
        <asp:ServiceReference Path="~/MyService.asmx" />
    </Services>
</asp:ScriptManager>

在您的 Web 服务的代码隐藏中声明您的 Web 方法（注意 ScriptService 属性）：

namespace MyServices
{
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [System.ComponentModel.ToolboxItem(false)]
    [ScriptService]
    public class MyService : System.Web.Services.WebService
    {
        [WebMethod]
        public string SayHello(name)
        {
             return "Hello, " + name;
        }
    }
}

现在您可以通过 Javascript 使用 Web 服务，如下所示：

function queryWebService() {
    MyServices.MyService.SayHello('Bobby', 
    function(result, userContext) {
        alert('Web-service response: ' + result);
    }, function(result) {
        alert('Error!');
    });
}

更新

如果您想通过简单地发送 HTTP GET 请求来使用 Web 服务，那么您可以执行以下操作：

装饰您的 Web 方法/library/bb298830.aspx" rel="nofollow">ScriptMethod 属性：

[WebMethod]
[ScriptMethod(UseHttpGet = true)]
public string SayHello(name)
{
    return "Hello, " + name;
}

注意 UseHttpGet 属性设置为 True。您可能还需要修改 web.config 文件以允许这种交互：

<webServices>
    <protocols>
        <add name="HttpGet"/>
    </protocols>
</webServices>

现在您可以向您的 Web 服务发出简单的 HTTP GET 请求，如下所示（示例使用 jQuery.ajax)：

$.ajax({
    url: "/MyService.asmx/SayHello?name=Bobby",
    success: function(transport) {
        alert('Web-service response: ' + transport.responseText);
    }
});

希望这会对您有所帮助。