how to use jquery to send a parameter array to an asp.net web method

Question

using the jquery below I'm trying to submit the array paramlist to the appropriate web method below. What am I missing here?

 <script type="text/javascript">
        $(document).ready(function () {

            var slider = $('.slider').slider({
                range: "min",
                min: 0,
                max: 100,
                change: function (e, ui) {

                    var paramList = new Array();

                    var values = $('.slider').each(function () {
                        var s = $(this);
                        var aType = s.attr('itemName');
                        var point = s.slider("option", "value");
                        paramList.push(aType);
                        paramList.push(point);


                    });

                    CallPageMethod("SliderChanged", paramList, success, fail);
                    //                    $("#img1").fadeOut();
                    //                    alert("done");
                },
                slide: function (e, ui) {
                    var point = ui.value;
                    $("#selected_value").html(point);
                    //                    var width = 100 - point;
                    //                   $("#range").css({ "width": point + "%" });
                }

            });

            function CallPageMethod(methodName, paramArray, onSuccess, onFail) {

                //create list of parameters in the form
                //{"paramName1":"paramValue1","paramName2":"paramValue2"}

                var paramList = '';
                if (paramArray.length > 0) {
                    for (var i = 0; i < paramArray.length; i += 2) {
                        if (paramList.length > 0) paramList += ",";
                        paramList += '"' + paramArray[i] + '":"' + paramArray[i + 1] + '"';
                    }
                }
                paramList = '{' + paramList + '}';


                //get the current location
                var loc = window.location.href;
                loc = (loc.substr(loc.length - 1, 1) == "/") ? loc + "default.aspx" : loc;

                //call the page method
                $.ajax({
                    type: "POST",
                    url: loc + "/" + methodName,
                    data: paramList,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: onSuccess,
                    fail: onFail

                });

            }


            function success(response) {

                var lbl = $('#<%= Label1.ClientID %>')
                lbl.html("Your report is now ready for download.");
                alert(response.d);

            }

            function fail(response) {
                alert("An error occurred.");
            }

        });


   </script>

I have the following web methods:

  [WebMethod]
    public static string SliderChanged(string[] values)
    {

        return "successArray";


    }

I didn't think you could do function overloading with webmethods without specifying the message name. Can you explain the error you're getting better so people don't have to make a test solution for this? Source: msdn.microsoft.com/en-us/library/… — Dave L
– Dave L, Commented Sep 16, 2011 at 15:07
I agree, as far as I know, and last I checked, you cannot overload web method names, as they are generated into a soap request that doesn't have the ability to distinguish overloads by parameter type alone. — Nikki9696
– Nikki9696, Commented Sep 16, 2011 at 15:10
Ok - I only have the one method (no longer an overload). I set breakpoints in visual studio and neither the webmethod or the success or fail methods are hit. — FiveTools
– FiveTools, Commented Sep 16, 2011 at 15:32

Icarus · Accepted Answer · 2011-09-16 15:30:23Z

1

As other people have said, you need to specify the parameter name; therefore,

data: paramList,

Should be:

data: '{ "values":'+paramList+'}',

answered Sep 16, 2011 at 15:30

Icarus

64k14 gold badges102 silver badges116 bronze badges

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

Comments

kalyfe · Accepted Answer · 2011-09-21 15:35:43Z

1

A few observations:

Usually your Webservice is provided as an .asmx file.
Therefor in your ajax-call you want to supply it's location, not an .aspx-page.
E.g. url: "/WebService.asmx/" + methodName,
Make sure that your webservice can be accessed from Javascript.
To do so decorate the class:
[System.Web.Script.Services.ScriptService] public class WebService : System.Web.Services.WebService {

answered Sep 21, 2011 at 15:35

kalyfe

1,0051 gold badge16 silver badges33 bronze badges

1 Comment

FiveTools Over a year ago

Although that wasn't my issue, this will help someone.

Collectives™ on Stack Overflow

how to use jquery to send a parameter array to an asp.net web method

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related