Problems reading a JSON

Question

Problems reading a JSON

Navigation

#1 by (0 votes)

0

I'm having a problem when traversing a JSON.

I show you the code.

client.search(buscar).then(images => {
        let imgjson = JSON.stringify(images, ["url"], 4);

        METODO.PARA.MOSTRAR(imgjson);
    });

Well, I explain. what I do is use an api that returns a json, I pass search , and I receive images .
When I show images that's what I get [obj] [obj], so I put imgjson in JSON.stringify with the data interesting ("url"). Now when I want to show the result of imgjson I receive the following

[
{
    "url": "http://www.vuescript.com/wp-content/uploads/2017/02/Vue-JSON-Tree-View.png"
},
{
    "url": "https://www.w3resource.com/w3r_images/json-introduction.png"
}
]

(shortened) What I get is exactly what I searched for, I searched for the word "json" in google and I received several images. So far all great.

We can take for granted that ("" imaginary "")

let imgjson = [
{
    "url": "http://www.vuescript.com/wp-content/uploads/2017/02/Vue-JSON-Tree-View.png"
},
{
    "url": "https://www.w3resource.com/w3r_images/json-introduction.png"
}
];

right? because the JSON.stringify is the same as that.

Now, when I want to go through imgjson I should do

imgjson[0].url

and should receive the first link of the object.

The problem is that I do not receive the first link, only I get undefined.

This is how it works:

let imgjson = [
    {
        "url": "http://www.vuescript.com/wp-content/uploads/2017/02/Vue-JSON-Tree-View.png"
    },
    {
        "url": "https://www.w3resource.com/w3r_images/json-introduction.png"
    }
]

//METODO PARA MOSTRAR
document.write(imgjson[0].url)

But not like that:

//hagamos de cuenta que recibo el JSON images
let imgjson = JSON.stringify(images, ["url"], 4);
//metodo para mostrar
document.write(imgjson[0].url);

This last shows "undefined", but imgjson shows the json above.

Sorry if it was a bit chaotic, but I want to make sure it is understood. Does anyone know why the latter does not work if in theory the let imgjson is equivalent to the JSON?

Thank you very much for your time.

javascript json

asked by Lottie 09.04.2018 в 18:30

source

1 answer

Help With database in Angular 4 Reload browser html content in vba

score 0 · Accepted Answer

You are misinterpreting how the variable imgjson you receive is structured since you do not need to do anything to get the url, you just have to call it without doing the JSON.stringify() and it will show you the url. It should be noted that JSON.stringify() is used to convert a javascript value to a JSON string.

//Solucion normal
let imgjson = [{
    "url": "http://www.vuescript.com/wp-content/uploads/2017/02/Vue-JSON-Tree-View.png"
  },
  {
    "url": "https://www.w3resource.com/w3r_images/json-introduction.png"
  }
];

document.write(imgjson[0].url);

//Sino te funciona la solucion de arriba entonces prueba esta segunda que consiste 
// en parsear el resultado a un objeto por que tu result puedes ser una cadena Json
var images = '[{"url": "http://www.vuescript.com/wp-content/uploads/2017/02/Vue-JSON-Tree-View.png"' +
  '},{"url": "https://www.w3resource.com/w3r_images/json-introduction.png"}]';

let jsonparse = JSON.parse(images);

document.write(jsonparse[0].url);