POST JSON data to .asmx webservice

Question

I'm trying to post some simple parameters to a .asmx webservice.
I get the following error: Request format is invalid: application/json; charset=utf-8.
What I really need to get to is to be able to pass a complex object, but I can't get past making a POST request with json content type.

Here is my WebService Definition

[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public int JsonTest2(int myparm1, int myparm2)
{
    return 101;
}

And this is my javascript code

function JsonTest2() {
    $.ajax({
        type: 'POST',
        url: "http://localhost/WebServices/MyTest.asmx/JsonTest2",
        data: "{myparm1:105,myparm2:23}",
        contentType: 'application/json; charset=UTF-8',
        dataType: 'json',
        async: false,
        success: function (msg) {
            alert(msg);
        },
        error: function (msg) {
            alert('failure');
            alert(msg);
        }
    });
}

which asp.net version are you using? shouldn't there be a msg.d in the success callback? — naveen, Mar 16 '11 at 04:00

score 5 · Answer 1 · edited Jul 09 '16 at 18:11

5

Make sure your ASMX service class is decorated with the [ScriptService] attribute.

edited Jul 09 '16 at 18:11

Matt

74,352
26
153
180

answered Mar 16 '11 at 03:42

Dave Ward

59,815
13
117
134

It would be good if you mention the minimum .Net version needed for this. – LCJ Jun 12 '14 at 17:47

score 2 · Answer 2 · edited May 23 '17 at 11:44

You should use as data the value which formatted as correct JSON data:

{"myparm1":105,"myparm2":23}

instead of

{myparm1:105,myparm2:23}

You can validate on the site http://www.jsonlint.com/ which data are JSON data. So you should change your code to

$.ajax({
    type: 'POST',
    url: "http://localhost/WebServices/MyTest.asmx/JsonTest2",
    data: '{"myparm1":105,"myparm2":23}',
    contentType: 'application/json; charset=UTF-8',
    dataType: 'json',
    async: false,
    success: function (msg) {
        alert(msg.d);
    },
    error: function (msg) {
        alert('failure');
        alert(msg);
    }
});

In case of more complex input parameters I recommend you to use JSON.stringify functionfrom the json2.js (see this answer for example):

var myValue1 = 105, myValue2 = 23;
$.ajax({
    type: 'POST',
    data: JSON.stringify({myparm1:myValue1, myparm2:myValue2}),
    ...
});

In the last version of $.ajax usage the myValue1 and myValue2 can be complex structures (objects with properties) or arrays having even another complex structures or arrays as the properties.

score 0 · Answer 3 · edited Sep 22 '12 at 00:24

0

Make sure the URL contains port number when using localhost.

  url: "http://localhost:1297/WebServices/MyTest.asmx/JsonTest2",

edited Sep 22 '12 at 00:24

steveax

17,527
6
44
59

answered Sep 21 '12 at 14:21

Arun Manjhi

175
9

POST JSON data to .asmx webservice

3 Answers3

Linked