ASP.NET Web Service to call from JS

Question

I am constantly finding a good guide about how to write a web service using .NET with Visual Studio 2010 so I can utilize it with my HTML based website using AJAX.

I know there was a way called the ASMX way but now it's more updated to ServiceHost so what I need is a simple guide which can drive me through how to create asp.net web service using ServiceHost object.

Sorry if it sounds ambiguous or childish.

possible duplicate of Using JQuery to call a WebMethod

John Saunders
– John Saunders

2011-02-02 07:00:19 +00:00
Commented Feb 2, 2011 at 7:00 — John Saunders
– John Saunders, Commented Feb 2, 2011 at 7:00

volpav · Accepted Answer · 2011-02-02 16:28:47Z

2

Place the ScriptManager control on your page and add a reference to your .asmx service:

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

In the code-behind of your web-service declare you web method (notice the ScriptService attribute):

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

Now you can consume the web-service from the Javascript like the following:

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

UPDATE

If you want to consume the web-service by simply sending an HTTP GET requests then you can do the following:

Decorate your web-method with a ScriptMethod attribute:

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

Notice the UseHttpGet property which is set to True. You probably also need to modify the web.config file to allow this kind of interaction:

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

Now you can make a simple HTTP GET request to your web-service like shown below (the example uses jQuery.ajax):

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

Hope this will help you.

edited Feb 2, 2011 at 16:28

answered Feb 2, 2011 at 6:50

volpav

5,12821 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Umair A. Over a year ago

although your guide is helpful but I am not looking for such solution. The service is hosted over the cloud and Javascript will call them from different clients so I need to call them via HTTP GET method. Can I do that?

Sean Over a year ago

Will your web page be from the same (exact) host that the service will be hosted? ie. www.se.com will call www.se.com/myservice.asmx? If not, then you're going to have XSS issues (cross site scripting) and will have to use one of the few techniques to get around that.

Umair A. Over a year ago

No XSS issue because I am calling it from file:///

Umair A. Over a year ago

@Volpav: I wonder why don't you prefer WCF way of doing this?

volpav Over a year ago

Because of the simplicity. No need to use a more complex technology if you don't see any obvious advantages of using it (I don't mean your case since I don't know all the aspects). This and this articles might help you to do it WCF way.

Collectives™ on Stack Overflow

ASP.NET Web Service to call from JS

1 Answer 1

5 Comments

Your Answer

Linked

Collectives™ on Stack Overflow

ASP.NET Web Service to call from JS

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related