CODEWITHSUNDEEP
asp.netjqueryajaxservice
the_V
the_V

Reputation: 913

Calling ASP.NET web service function via GET method with jQuery

I'm trying to call web service function via GET method using jQuery, but having a problem. This is a web service code:

[WebService(Namespace = "http://something.com/samples")]
[ScriptService]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
public class TestWebService  : System.Web.Services.WebService {
    [WebMethod]
    public string Test2()
    {
        string result = null;

    try
        {
            result = "{'result':'success', 'datetime':'" + DateTime.Now.ToString() + "'";
        }
        catch (Exception ex)
        {
            result = "Something wrong happened";
        }

        return result;
    }

}

That's the way I call the function:

$.ajax({ type: "GET",
         url: "http://localhost/testwebsite/TestWebService.asmx/Test2",
         data: "{}",
         contentType: "application/json",
         dataType: "json",
         error: function (xhr, status, error) {
             alert(xhr.responseText);
         },
         success: function (msg) {
             alert('Call was successful!');
         }
     });

Method is called successfully, but result string gets covered by XML tags, like this:

<string>
{'result':'success', 'datetime':'4/26/2010 12:11:18 PM'
</string>

And I get an error because of this (error handler is called). Does anybody know what can be done about this?

Upvotes: 6

Views: 19700

Answers (7)

Y.Yanavichus
Y.Yanavichus

Reputation: 2417

  1. You can use http handler instead of web service.
  2. You can parse xml response with javascript on the client.

Upvotes: 0

Ajaxe
Ajaxe

Reputation: 647

Did you try WebInvokeAttribute, it has members that define Request & Response formats where you can set to WebMessageFormat.Json.
Something like:
[WebInvoke(UriTemplate = "ServiceName", RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json, BodyStyle = WebMessageBodyStyle.Bare, Method = "POST")]

Upvotes: 0

Spain Train
Spain Train

Reputation: 6006

Enable ASP.NET ASMX web service for HTTP POST / GET requests

[WebMethod]
[ScriptMethod(UseHttpGet = true)]
public string Test2()
{
   [...]
}

Upvotes: 9

Zhaph - Ben Duguid
Zhaph - Ben Duguid

Reputation: 26956

You need to decorate the method with the ScriptMethodAttribute:

[WebService(Namespace = "http://something.com/samples")]
[ScriptService]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
public class TestWebService  : System.Web.Services.WebService {

  [WebMethod]
  [ScriptMethod]
  public string Test2()
  {
    [...]
  }
}

This will ensure that the method returns JSON by default (the default value of ResponseFormat is Json).

Upvotes: 0

MStodd
MStodd

Reputation: 4746

You might try setting the ResponseFormat on your methods. See http://williamsportwebdeveloper.com/cgi/wp/?p=494 to see how they did it for JSON. It probably just defaults to XML.

Upvotes: 0

Nick Craver
Nick Craver

Reputation: 630469

Make sure to add this to your ajax options: 

contentType: "application/json; charset=utf-8"

Your overall request should look like this to get json back instead of XML:

$.ajax({ type: "GET",
     url: "http://localhost/testwebsite/TestWebService.asmx/Test2",
     data: "{}",
     contentType: "application/json",
     dataType: "json",
     contentType: "application/json; charset=utf-8".
     error: function (xhr, status, error) {
         alert(xhr.responseText);
     },
     success: function (msg) {
         alert('Call was successful!');
     }
 });

ScottGu has a full breakdown on what's required here, but it looks like the missing contentType in your case (that one drove me nuts for a while too).

Upvotes: 0

ntziolis
ntziolis

Reputation: 10221

  1. Rule for json: You can only access data from the same domain!

  2. The only exception is when using jsonp (which is quite complicated to implement since there is no jsonp serializer in the .NET framework).
    If your are using a standard web service (and not WCF) you can find guidance howto implement this here.

Upvotes: 0

Related Questions