I am trying to get JSON from the url, But in the response object duplicate keys are removed. Is there any way to fetch it pletely without removing the duplicate keys? Here is my js Code

$('document').ready(function(){
    var s = $.getJSON("new.json");
    console.log(s);
});

following is my new.json

{
"s": "wae",
"s": "asd"
}

But in console i am getting the json Object as follows

responseJSON: Object
s: "asd"

Thanks in advance

I am trying to get JSON from the url, But in the response object duplicate keys are removed. Is there any way to fetch it pletely without removing the duplicate keys? Here is my js Code

$('document').ready(function(){
    var s = $.getJSON("new.json");
    console.log(s);
});

following is my new.json

{
"s": "wae",
"s": "asd"
}

But in console i am getting the json Object as follows

responseJSON: Object
s: "asd"

Thanks in advance

• javascript
• jquery
• html
• json

• 4 The only way would be to parse the JSON manually (as in, fetch the JSON as normal text) – Prisoner Commented Jun 15, 2015 at 10:22
• Indeed. You'll have to write a custom JSON parser from scratch (unless someone else has published one, but I'm not away of any examples and library remendations are off-topic here anyway). That's probably too broad a subject for Stackoverflow. – Quentin Commented Jun 15, 2015 at 10:32

5 Answers 5

If you can't change the server response, for simple JSON data you can request the json like text and parse it like a string:

var check = new RegExp('["\']([^\'"]*)[\'"][^:]*:[^"\']*["\']([^\'"]*)[\'"]',"g");
    $.ajax({
        url : "text.json",
        dataType : "text",
        success : function(data){
            var newData = {};
            data.replace(check,function(a,b,c){
                if(typeof newData[b] == "undefined"){
                    newData[b] = c;
                }else if(typeof newData[b] == "object"){
                    newData[b].push(c);
                }else{
                    var ca = newData[b];
                    newData[b] = [ca,c];                     
                }
                return a;
            });
            console.log(newData);
            console.log($.parseJSON(data));
        },
        error : function(e,a){
            console.log(e,a);
        }
    });

in this code newData with your json is:

{"s": ["wae","asd"]}

Keys in a JSON object should be unique. Otherwise the last key with the value is usually the one presented when requesting that key. Having keys the same also makes it more difficult to differentiate between attributes of an object. The whole point of a key is to make it accessible and available.

To get around this you could always:

1. Change the keys in your JSON

2. Change the JSON to contain an array

   {"s": ["wae","asd"]}

The JavaScript Object Notation (JSON) Data Interchange Format) (RFC7159) says:

The names within an object SHOULD be unique.

In this context should must be understood as specified in RFC 2119

SHOULD This word, or the adjective "RECOMMENDED", mean that there may exist valid reasons in particular circumstances to ignore a particular item, but the full implications must be understood and carefully weighed before choosing a different course.

This is not possible with JSON.parse(). I believe that the more modern ES spec states that subsequent keys override earlier ones.

However, the JSON spec does not disallow JSON like this. And there are alternative parsers and serializers which can produce and consume such JSON from within JavaScript. For example, you can use the SAX-style JSON parser clarinet:

const clarinet = require('clarinet');

const parser = clarinet.parser();
const result = [];
parser.onkey = parser.onopenobject = k => {
    result.push({key: k, value: null});
};
parser.onvalue = v => {
    result[result.length - 1].value = v;
};
parser.write('{"a": "1", "a": "2"}').close();

console.log(result);
// [ { key: 'a', value: '1' }, { key: 'a', value: '2' } ]

If you are wondering about how to use require() from the browser, learn how to use webpack.

JSON allows duplicates keys but Javascript Objects do not.

Because keys can be duplicated, that means the JSON cannot be represented as key/value based dictionary and cannot be converted directly to a Javascript Object.

You will have to "walk" through each key/value pair in the JSON and then process it as you see fit. I don't know what structure you are looking to convert into, but it as long as it's not a Javascript Object, then it's fine. For example, you might walk through a JSON object and output the values to an .ini or .css file where "keys" can be repeated.

JSON.parse() will not work because that will try to parse into a Javascript Object, which does not allow duplicated keys. The solution there is to simply overwrite any previous value if the key is reused. But, we can use code based on how JSON.parse() works and instead of setting properties on a Javascript Object, you can split from there and apply your custom solution.

You can modify a plete JSON parser like json2 or use parsers that stream keys as they arrive like clarinet or Oboe.js.

You may try using given structure to use same key multiple times:

[
  {"s": "wae"},
  {"s": "asd"}
]

As suggested by Craicerjack, you can also go for array for multiple values with single key:

{"s": ["wae","asd"]}