Send JSON with Ajax to ASP.NET Web Method

Question

This is first time I am attempting to send data to server using Ajax. I followed lot of answers from here but I won't just stop getting the error : "Message":"Invalid web service call, missing value for parameter: \u0027Products\u0027."

I followed this and this but still the same. Can someone please tell me where I am going wrong.

        var products =  [ { ProductId : 1, ProductName : "Mercedes", Category : "Cars", Price : 25000 }, { ProductId : 2, ProductName : "Otobi", Category : "Furniture", Price : 20000 } ];

    function GetProductId() {
        $.ajax({
            type: "POST",
            url: "Default.aspx/GenerateQrCode",
            data: { "Products" : products.toString()  },
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            error: function (xhr, ajaxOptions, thrownError) {
                alert(xhr.status);
                alert(xhr.responseText);
                alert(thrownError);
            },
            success: function (msg) {
                alert('Success');
            }
        });
    }


[WebMethod]
    public static void GenerateQrCode(object Products)
    {
        //Cannot get to here
    }

try : data: { Products : products }, jQuery will parse the object for you- — adeneo
– adeneo, Commented May 25, 2013 at 16:47

Adil Shaikh · Accepted Answer · 2013-05-25 16:47:25Z

3

Try this -

data : "{'Products':" + JSON.stringify(products) + "}"

answered May 25, 2013 at 16:47

Adil Shaikh

44.8k17 gold badges95 silver badges112 bronze badges

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

1 Comment

n00ber Over a year ago

Thanks. Your solution is working but it is only working on Chrome but not in IE10. Do you have any idea why?

user2695251 · Accepted Answer · 2013-08-19 06:16:39Z

0

Try this -

data : {Products: JSON.stringify(products)}

or

data : {Products: products}

edited Aug 19, 2013 at 6:16

user907729

answered Aug 19, 2013 at 5:55

user2695251

1

Collectives™ on Stack Overflow

Send JSON with Ajax to ASP.NET Web Method

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related