json - Jquery return undefined for multiple values in ajax call

Question

I want to return multiple values from Ajax call. So I modified my codes based on this page Jquery return multiple values in ajax call

$.ajax({
     type: "POST",
     contentType: "application/json; charset=utf-8",
     url: "AJAX_custom_function.aspx/AJAX_GetFullName",
     data: '{userid: "' + arguments.Value + '"}',
     dataType: "json",
     async: false,
     success: function (data) {
         alert(data);
         alert(data.fullname);    
     },
     error: function (httpRequest, textStatus, errorThrown) {
         alert("status=" + textStatus + ",error=" + errorThrown);
     }    
 });

'alert(data)' returns {"fullname": "Joe", "success" : "true"}

But 'alert(data.fullname)' returns undefined. The correct value should be Joe

Did I missing something? Any advice is very much appreciated.

AJAX_GetFullName

<System.Web.Services.WebMethod()> _
Public Shared Function AJAX_GetFullName(ByVal userid As String) As Object

    Dim isValid As Boolean = False  'by default, user always not exist
    Dim strFullName As String = ""

    isValid = IsUserIDExist(userid, strFullName)
    If isValid Then
        Return "{'fullname': '" & strFullName & "', 'success': 'true' }"
    Else
        Return "{'fullname': '', 'success': 'false' }"
    End If

End Function

please show me your WebMethod AJAX_GetFullName there is something wrong with the return type. because alert(data) should alert object Object if the WebMethod is correct. — codeandcloud
– codeandcloud, Commented Jul 22, 2011 at 8:50
@naveen You are right, the return type is string which is wrong — Alfred
– Alfred, Commented Jul 22, 2011 at 9:16

codeandcloud · Accepted Answer · 2011-07-22 10:38:24Z

2

Try this.

$.ajax({
    type: "POST",
    contentType: "application/json;",
    url: "AJAX_custom_function.aspx/AJAX_GetFullName",
    data: '{"userid": "' + arguments.Value + '"}',
    async: false,
    success: function (data) {
        try {
            // convert single quote to double quotes
            var msg = data.replace(/'/g, "\"");
            msg = $.parseJSON(msg);
            alert(msg.fullname);
        } catch (e) {
            alert(e.Message);
        }
    },
    error:function (xhr, status, err){
        alert( "status=" + xhr.responseText + ", error=" + err );
    }

});

No need to specify dataType and charset in contentType.

edited Jul 22, 2011 at 10:38

answered Jul 22, 2011 at 8:48

codeandcloud

55.5k47 gold badges169 silver badges259 bronze badges

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

5 Comments

Alfred Over a year ago

In between, it return false for data.hasOwnProperty("d")

Alfred Over a year ago

Thanks for your help. Not sure why, I cannot call any of these functions $.parseJSON jQuery.parseJSON JSON.parse The alert will stop working after I call any above function. So weird. I am using jquery 1.4.2 . Does it matter ?

codeandcloud Over a year ago

please paste your AJAX_GetFullName method

Alfred Over a year ago

Edited. Please refer to above.

Alfred Over a year ago

You are the man, problem solved. My bad, I don't know is the single quote cause the issue.

ChristopheCVB · Accepted Answer · 2011-07-22 09:25:37Z

1

Try using :

success: function(data) {
    if (typeof data == 'string')
    {
        data = jQuery.parseJSON(data);
    }
    alert(data.fullname);
}

edited Jul 22, 2011 at 9:25

answered Jul 22, 2011 at 8:50

ChristopheCVB

7,3031 gold badge31 silver badges54 bronze badges

4 Comments

Alfred Over a year ago

After I run this line: data = JSON.parse(data), the alert stop working already

codeandcloud Over a year ago

@Alfred: JSON is not natively supported in all browsers. you might wanna add a reference to ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js and since you are using jQuery its a lot better to use $.parseJSON

Alfred Over a year ago

Thanks for your help. Not sure why, I cannot call any of these functions $.parseJSON jQuery.parseJSON JSON.parse The alert will stop working after I call any above function. So weird. I am using jquery 1.4.2 . Does it matter ?

ChristopheCVB Over a year ago

Strange : version added: 1.4.1 - jQuery.parseJSON( json )

Ehsan Hafeez · Accepted Answer · 2013-11-12 10:38:35Z

0

To convert the string to Json object use JSON.parse(data) function with in the success function of Ajax call. i hope this will help.

answered Nov 12, 2013 at 10:38

Ehsan Hafeez

6586 silver badges24 bronze badges

Collectives™ on Stack Overflow

json - Jquery return undefined for multiple values in ajax call

3 Answers 3

5 Comments

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related