Question

I know this question might appear be too localized but I can’t seem to get this to work.

Here is the JSON my method returns:

{ "dateTime" : "5/26/2011",
  "requestTime" : 0.1020102,
  "users" : [ { "Email" : "[e-mail]",
        "Location" : "home",
        "Name" : "Joe M",
        "UserId" : "42a7eae4-d4fe-49a3-93df-cd0cf219ac95"
      },
      { "Email" : "[e-mail]",
        "Location" : "Work",
        "Name" : "Test Name",
        "UserId" : "97a444fb-6e3d-482c-a966-dbd3e0c739c8"
      }
    ]
}

The jQuery I’m using is like so:

$.ajax({
type: "POST",
url: "Home/GetUsers",
data: dataString,
success: function (data) {                      
     $.each(data.users, function(i, item) {
          $("#results").append('<p>' + item.Name + '</p>');
     });
}

I either get undefined, or nothing happens.

I get Object object if I do an alert(data) so I know it’s returning something.

Obviously I’m doing something wrong here, so any help would be greatly appreciated.

Thanks!

Answer 1

alert(data.users) shows you undefined?
Try adding dataType: ‘text’, and then do alert(data) and check you’re getting the right json :/

This is working for me:

var data = { "dateTime" : "5/26/2011",
             "requestTime" : 0.1020102,
             "users" : [ { "Email" : "[e-mail]",
                "Location" : "home",
                "Name" : "Joe M",
                "UserId" : "42a7eae4-d4fe-49a3-93df-cd0cf219ac95"
              },
              { "Email" : "[e-mail]",
                "Location" : "Work",
                "Name" : "Test Name",
                "UserId" : "97a444fb-6e3d-482c-a966-dbd3e0c739c8"
              }
            ]
           };
$(data.users).each(function(i, item) {
    $("#results").append('<p>' + item.Name + '</p>');
});