Invoking a c# webservice using jquery

Question

I am trying to create a webservice that takes data, posts it to a database, and returns the result. I know how to write all the C# code that does that, but it is the communication that I am having problems with. At the moment, I am just trying to invoke the service and get back "Hello World" (I start with something simple since I have no idea what I'm doing)...

My Jquery:

$.ajax({
  type: "POST",
  contentType: "application/json; charset=utf-8",
  url: "PersonService.asmx/HelloWorld",
  data: "{}",
  dataType: "json",
  success: function(msg) {
    alert("Success");
    $("#log").html(msg);
    alert(msg);
  }
});

My Webservice:

public class PersonService : System.Web.Services.WebService
{
~

    [WebMethod(CacheDuration = CacheHelloWorldTime,
    Description="As simple as it gets - the ubiquitous Hello World.")]
    public string HelloWorld()
    {
        return "Hello World";
    }
~
}

After using chrome to Inspect the Element, and selecting the Network tab, finding my webservice, it shows me that the result was:

<?xml version="1.0" encoding="utf-8"?>
<string>Hello World</string>

So, it seems that the service executed successfully, but the success function does not fire, and there are no errors in the console. What is going on? Also, why is the result in XML?

Do I need to use Web Services, or could I just post the variables via AJAX to an ASPX page that would process it the same way it would a form submission?

The result is XML because you're using SOAP -- which is XML. What did you expect? — George Johnston
– George Johnston, Commented Jan 5, 2012 at 21:00

jrummell · Accepted Answer · 2012-01-05 21:15:34Z

2

Using jQuery to Consume ASP.NET JSON Web Services » Encosia

$(document).ready(function() {
  $.ajax({
    type: "POST",
    url: "RSSReader.asmx/GetRSSReader",
    data: "{}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(msg) {
      // Hide the fake progress indicator graphic.
      $('#RSSContent').removeClass('loading');

      // Insert the returned HTML into the <div>.
      $('#RSSContent').html(msg.d);
    }
  });
});

Also, you're missing [ScriptMethod] on your web service method and [ScriptService] on your service class.

[WebService]
[ScriptService]
public class PersonService : WebService
{
    [ScriptMethod]
    [WebMethod(CacheDuration = CacheHelloWorldTime,
    Description="As simple as it gets - the ubiquitous Hello World.")]
    public string HelloWorld()
    {
        return "Hello World";
    }
}

edited Jan 5, 2012 at 21:15

answered Jan 5, 2012 at 20:57

jrummell

43.2k18 gold badges116 silver badges179 bronze badges

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

3 Comments

Irfan jamal Over a year ago

Yeah, thats where I got some of the code from, but I'm not getting the expected results...

Dave Ward Over a year ago

@Irfanjamal: Be sure you've got the [ScriptService] attribute on your service class. That's necessary for JSON output.

Irfan jamal Over a year ago

yup...the scriptservice seems to have solved all my problems...the alert("success") now executes, the result is in json form (with the .d of course, so I need to update the rest of the code)...thanks guys :)

Collectives™ on Stack Overflow

Invoking a c# webservice using jquery

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related