WebMethod returning JSON object issue

Question

I am struggling to get object handled properly when returned from WebMethod. Conditions (my research after it):

Simple class to hold the properties:

    public class memberLogin
    {
    public string Username {get; set;}
    public string Password {get; set;}
    }

Serialization method:

        public static string JsonSerializer<T>(T t)
        {
            DataContractJsonSerializer ser = new DataContractJsonSerializer(typeof(T));
            MemoryStream ms = new MemoryStream();
            ser.WriteObject(ms, t);
            string jsonString = Encoding.UTF8.GetString(ms.ToArray());
            ms.Close();
            return jsonString;
        }

(simplified for clearness) Webmethod

    [WebMethod(EnableSession = true)]
    public static string getCredentials()
        {
            memberLogin ml = new memberLogin();
            ml.Username = "user";
            ml.Password = "pass";
            string json = JsonHelper.JsonSerializer<memberLogin>(ml);
            return json;
        }
        return null;
    }

And JavaScript

$("#element").live("click", function (e) { 

$.ajax({
    type: "POST",
    url: "Default.aspx/getCredentials",
    data: "{}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    async: false,
    cache: false,
    success: post_to_url
});
});
function post_to_url(params) {
method = "post";
path = "http://example";

var form = document.createElement("form");
form.setAttribute("method", method);
form.setAttribute("action", path);

for(var key in params) {
    if(params.hasOwnProperty(key)) {
        var hiddenField = document.createElement("input");
        hiddenField.setAttribute("type", "hidden");
        hiddenField.setAttribute("name", key);
        hiddenField.setAttribute("value", params[key]);

        form.appendChild(hiddenField);
     }
}
document.body.appendChild(form);
form.submit();
}

When debugging, WebMethod returns "{\"Password\":\"pass\",\"Username\":\"user\"}" so it seems to be what I want it to be (key, value par), except the \ but that is how it is serialized. However when retrieved using ajax, I can not get any values out of it. alert(params) gives object Object, call to params.Username gives undefined. Is there something I am missing? Some sort of cast? I thought that if object is serialized, then there's no such need. Sorry for very long post but I tried to provide as much informations as I could.

every time i look at .NET code, my soul dies a little

André Alçada Padez
– André Alçada Padez

2013-02-26 18:28:49 +00:00
Commented Feb 26, 2013 at 18:28 — André Alçada Padez
– André Alçada Padez, Commented Feb 26, 2013 at 18:28

André Alçada Padez · Accepted Answer · 2013-02-26 18:55:19Z

4

You have to parse the JSON String into a JSON object. In Javascript:

var user = JSON.parse(params.responseText);
var username = user.Username;
var password = user.Password;

edited Feb 26, 2013 at 18:55

answered Feb 26, 2013 at 18:30

André Alçada Padez

11.7k26 gold badges72 silver badges130 bronze badges

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

2 Comments

Savio Over a year ago

I have tried it out with params, did not work. However when parsing var itemx = "{\"Password\":\"pass\",\"Username\":\"user\"}" it did work. I think it might be something with my ajax call..

Savio Over a year ago

For others : Be careful what is being passed! I did not notice that my array was inside "d" key, 2x JSON.parse() call allowed me to get my array out and use it with success. Thanks!

Collectives™ on Stack Overflow

WebMethod returning JSON object issue

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related