display data using Ajax

Question

I want to display data in the value field of dictionary using Ajax. I know the format to display, but stuck in displaying one of the fields. Code is here :

$.each(result, function(index, element) {
      alert(element.Place);
      alert(element.Unique Name);
   });

element.Unique Name doesn't work as there is a space in between( It is Unique Name not UniqueName). Could you guys help me out displaying this?

I had tried it before and it doesn't work :( @Gopinath Shiva — UserRA, Jul 14 '15 at 06:21
can u show me the html part, to check for other possibilities... — Gopinath Shiva, Jul 14 '15 at 06:22
In short, I have a table with some 50 rows. I want to append the rows with the values I get from Ajax call to the already existing table @Gopinath Shiva — UserRA, Jul 14 '15 at 06:27
in that case you can use **.text() or .val()** on the selector element? — Gopinath Shiva, Jul 14 '15 at 06:31
But I want that one particular value which comes under Unique Name :( @Gopinath Shiva — UserRA, Jul 14 '15 at 06:32
can't you use class,id,tag,attributes to get that value instead of going for element.Unique Name? — Gopinath Shiva, Jul 14 '15 at 06:35
No, I'm taking the data directly from DB and want to append it to a existing table. @Gopinath Shiva — UserRA, Jul 14 '15 at 06:37
remove space in [Unique Name] u cannot use space in lke this #UserAR — Karan Singh, Jul 14 '15 at 06:39
I'm not sure why doesn't work my first suggestion works, as that is the recommended answer http://stackoverflow.com/questions/10311361/accessing-json-object-keys-having-spaces — Gopinath Shiva, Jul 14 '15 at 06:39
Because I din't give the quotes " " @Gopinath Shiva Thanks a lot!! :) — UserRA, Jul 14 '15 at 06:48

score 1 · Accepted Answer · answered Jul 14 '15 at 07:15

Fiddle for your answer

    var data = {
    "employees": [{
        "firstName": "John",
        "Unique Name": "Doe"
    }, {
        "firstName": "Anna",
        "Unique Name": "Smith"
    }, {
        "firstName": "Peter",
        "Unique Name": "Jones"
    }]
};

$.each(data, function (index, element) {
    alert(index);
    $.each(element, function (inde, data1) {
        alert(inde);
        alert(data1.firstName);
        alert(data1['Unique Name']);
    });
});

I think it may meet your requirements. plz let me know if works.

display data using Ajax

1 Answers1