How to use jQuery to call an ASP.NET web service?

Question

I'm trying to use jQuery to get data from an ASP.NET web service (SharePoint Server 2007 lists.asmx), but any call to a web service will really help as a first step in that direction.

How would an ASP.NET service be any different from a service running on Tomcat? In other words: I don't think it matters at all what software the server is running. — nilamo
– nilamo, Commented Aug 4, 2010 at 16:22

starball · Accepted Answer · 2022-12-25 00:44:05Z

77

I use this method as a wrapper so that I can send parameters. Also using the variables in the top of the method allows it to be minimized at a higher ratio and allows for some code reuse if making multiple similar calls.

function InfoByDate(sDate, eDate){
    var divToBeWorkedOn = "#AjaxPlaceHolder";
    var webMethod = "http://MyWebService/Web.asmx/GetInfoByDates";
    var parameters = "{'sDate':'" + sDate + "','eDate':'" + eDate + "'}";

    $.ajax({
        type: "POST",
        url: webMethod,
        data: parameters,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(msg) {
            $(divToBeWorkedOn).html(msg.d);
        },
        error: function(e){
            $(divToBeWorkedOn).html("Unavailable");
        }
    });
}

Please note that this requires the 3.5 framework to expose JSON webmethods that can be consumed in this manner.

edited Dec 25, 2022 at 0:44

starball♦

59.5k52 gold badges312 silver badges1k bronze badges

answered Jan 27, 2009 at 22:08

Bobby Borszich

11.8k9 gold badges41 silver badges35 bronze badges

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

6 Comments

matthew_360 Over a year ago

is this line: "var webMethod = 'MyWebService/Web.asmx/GetInfoByDates'" missing a semi-colon on purpose?

KamalSalem Over a year ago

Is there a way to actually view the error message? mine keeps saying unavailable but I need to view the actual error, thank you

Bobby Borszich Over a year ago

if you use firebug or the console in chrome just store "e" in a variable and then inspect it. i.e. window.ZZZ = e;

Muhammad Akhtar Over a year ago

@Bobby, I have follow the steps mentioned in your answer and I am able to call Web service. Its working fine in chrome, but when I tried the same one in firefox, I am getting 0 in response, do you have any idea ? Thanks

Anjum Over a year ago

And how to get parameters on /Web.asmx/GetInfoByDates ??

|

mohammedn · Accepted Answer · 2013-09-27 19:43:55Z

9

Here is an example to call your webservice using jQuery.get:

$.get("http://domain.com/webservice.asmx", { name: "John", time: "2pm" },
  function(data){
    alert("Data Loaded: " + data);
  });

In the example above, we call "webservice.asmx", passing two parameters: name and time. Then, getting the service output in the call back function.

edited Sep 27, 2013 at 19:43

answered Oct 23, 2008 at 16:26

mohammedn

2,9703 gold badges23 silver badges30 bronze badges

Comments

Peter Mortensen · Accepted Answer · 2015-07-24 14:33:50Z

3

I don't know about that specific SharePoint web service, but you can decorate a page method or a web service with <WebMethod()> (in VB.NET) to ensure that it serializes to JSON. You can probably just wrap the method that webservice.asmx uses internally, in your own web service.

Dave Ward has a nice walkthrough on this.

edited Jul 24, 2015 at 14:33

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Oct 23, 2008 at 17:21

Herb Caudill

50.1k40 gold badges128 silver badges178 bronze badges

Comments

Kaveh · Accepted Answer · 2011-08-03 04:30:58Z

2

$.ajax({
 type: 'POST',
 url: 'data.asmx/getText',
 data: {'argInput' : 'input arg(s)'},
 complete: function(xData, status) {
 $('#txt').html($(xData.responseXML).text()); // result
 }
});

answered Aug 3, 2011 at 4:30

Kaveh

211 silver badge1 bronze badge

Comments

Vadim Gremyachev · Accepted Answer · 2013-05-06 07:59:56Z

SPServices is a jQuery library which abstracts SharePoint's Web Services and makes them easier to use

It is certified for SharePoint 2007

The list of supported operations for Lists.asmx could be found here

Example

In this example, we're grabbing all of the items in the Announcements list and displaying the Titles in a bulleted list in the tasksUL div:

<script type="text/javascript" src="filelink/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="filelink/jquery.SPServices-0.6.2.min.js"></script>
<script language="javascript" type="text/javascript">

$(document).ready(function() {
  $().SPServices({
    operation: "GetListItems",
    async: false,
    listName: "Announcements",
    CAMLViewFields: "<ViewFields><FieldRef Name='Title' /></ViewFields>",
    completefunc: function (xData, Status) {
      $(xData.responseXML).SPFilterNode("z:row").each(function() {
        var liHtml = "<li>" + $(this).attr("ows_Title") + "</li>";
        $("#tasksUL").append(liHtml);
      });
    }
  });
});
</script>
<ul id="tasksUL"/>

Brandon Joyce · Accepted Answer · 2015-09-05 23:04:21Z

1

I have a decent example in jQuery AJAX and ASMX on using the jQuery AJAX call with asmx web services...

There is a line of code to uncommment in order to have it return JSON.

edited Sep 5, 2015 at 23:04

answered Jan 27, 2009 at 21:58

Brandon Joyce

3,12027 silver badges25 bronze badges

1 Comment

Zuzlx Over a year ago

Link is 404 not found. It's a good idea to always include the main content in the answer in case the site owner suddenly wins the lottery, divorces his wife and moves to Bahamas.

Peter Mortensen · Accepted Answer · 2015-07-24 14:35:25Z

0

I quite often use ajaxpro along with jQuery. ajaxpro lets me call .NET functions from JavaScript and I use jQuery for the rest.

edited Jul 24, 2015 at 14:35

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Dec 4, 2008 at 16:14

Antony Delaney

Collectives™ on Stack Overflow

How to use jQuery to call an ASP.NET web service?

7 Answers 7

6 Comments

Comments

Comments

Comments

Example

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

6 Comments

Comments

Comments

Comments

Example

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related