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

by

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

I hope that helps.

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

More Related Contents:

  1. Calling an ASP.NET server side method via jQuery
  2. Call ASP.NET PageMethod/WebMethod with jQuery – returns whole page
  3. can jquery ajax call external webservice?
  4. jqgrid add row and send data to webservice for insert
  5. calling an ascx page method using jquery
  6. How do I run different versions of jQuery on the same page?
  7. How to stop ASP.NET from changing IDs in order to use jQuery
  8. jQuery UI ” $(“#datepicker”).datepicker is not a function”
  9. Asp.Net UpdatePanel in Gridview Jquery DatePicker
  10. ASP.NET Server does not process pages asynchronously
  11. What does .d in JSON mean?
  12. Using jQuery for AJAX with ASP.NET Webforms [closed]
  13. jquery cycle IE7 transparent png problem
  14. How can I run some javascript after an update panel refreshes?
  15. Trying to make Web Method Asynchronous
  16. Rebinding events in jQuery after Ajax update (updatepanel)
  17. Unexpected Caching of AJAX results in IE8
  18. ASP.Net Master Page and File path issues
  19. Capturing SOAP requests to an ASP.NET ASMX web service
  20. What is limiting the # of simultaneous connections my ASP.NET application can make to a web service?
  21. file download by calling .ashx page
  22. Need to execute *.exe in server from ASP.net
  23. asp.net web forms json return result
  24. When should a web service not be used?
  25. How to capture submit event using jQuery in an ASP.NET application?
  26. Change textbox’s css class when ASP.NET Validation fails
  27. web.config and app.config confusion
  28. Differences between App.Config and Web.Config?
  29. Enable/disable asp.net validator controls within a specific “ValidationGroup” with jQuery?
  30. Proper way to use JQuery when using MasterPages in ASP.NET?

Leave a Comment