Fill out a form with Json data in jquery

Question

Good night.

I have a url that gets this json structure:

{
 "kind": "books#volumes",
 "totalItems": 1,
 "items": [
  {
   "kind": "books#volume",
   "id": "AKs0vgAACAAJ",
   "etag": "4X6Xl91J0mQ",
   "selfLink": "https://www.googleapis.com/books/v1/volumes/AKs0vgAACAAJ",
   "volumeInfo": {
    "title": "INTRODUÇAO A HISTORIA DO DIREITO",
    "authors": [
     "LUIZ CARLOS DE AZEVEDO"
    ],
    "description": "Esta obra aborda o conceito e importância da História do Direito, como ciência e disciplina, passando pelo Direito Grego antigo e sua expansão, à conta do Helenismo, Direito Romano e o extraordinário legado deixado pela obra dos jurisprudentes, que até hoje repercute no nosso Direito Positivo, a criação e desenvolvimento das universidades medievais, o Direito Lusitano primitivo e o que se lhe segue ao longo das três ordenações do reino, a contribuição do Direito Canônico, até alcançar a legislação do Brasil Império e a colocação de aspectos mais abrangentes, produto das sensíveis alterações ocorridas no campo do direito durante os séculos XIX e XX. Por fim, o autor apresenta os cuidados e perspectivas relativos ao terceiro milênio.",
    "industryIdentifiers": [
     {
      "type": "ISBN_10",
      "identifier": "8520339425"
     },
     {
      "type": "ISBN_13",
      "identifier": "9788520339428"
     }
    ],
    "readingModes": {
     "text": false,
     "image": false
    },
    "pageCount": 286,
    "printType": "BOOK",
    "maturityRating": "NOT_MATURE",
    "allowAnonLogging": false,
    "contentVersion": "preview-1.0.0",
    "panelizationSummary": {
     "containsEpubBubbles": false,
     "containsImageBubbles": false
    },
    "language": "pt",
    "previewLink": "http://books.google.com/books?id=AKs0vgAACAAJ&dq=9788520339428&hl=&cd=1&source=gbs_api",
    "infoLink": "http://books.google.com/books?id=AKs0vgAACAAJ&dq=9788520339428&hl=&source=gbs_api",
    "canonicalVolumeLink": "https://books.google.com/books/about/INTRODU%C3%87AO_A_HISTORIA_DO_DIREITO.html?hl=&id=AKs0vgAACAAJ"
   },
   "saleInfo": {
    "country": "BR",
    "saleability": "NOT_FOR_SALE",
    "isEbook": false
   },
   "accessInfo": {
    "country": "BR",
    "viewability": "NO_PAGES",
    "embeddable": false,
    "publicDomain": false,
    "textToSpeechPermission": "ALLOWED",
    "epub": {
     "isAvailable": false
    },
    "pdf": {
     "isAvailable": false
    },
    "webReaderLink": "http://play.google.com/books/reader?id=AKs0vgAACAAJ&hl=&printsec=frontcover&source=gbs_api",
    "accessViewStatus": "NONE",
    "quoteSharingAllowed": false
   },
   "searchInfo": {
    "textSnippet": "Esta obra aborda o conceito e importância da História do Direito, como ciência e disciplina, passando pelo Direito Grego antigo e sua expansão, à conta do Helenismo, Direito Romano e o extraordinário legado deixado pela obra dos ..."
   }
  }
 ]
}

I would like to take only the data relating to Description and fill out my form:

<form id="desc" ><input type="text" name="descricao" value="" id="descricao" />                                    

How would I do this using jquery? It’s very complex?

Answer 1

According to the json structure you navigate to the description by doing:

objeto.items[0].volumeInfo.description

Example:

const json = `{
 "kind": "books#volumes",
 "totalItems": 1,
 "items": [
  {
   "kind": "books#volume",
   "id": "AKs0vgAACAAJ",
   "etag": "4X6Xl91J0mQ",
   "selfLink": "https://www.googleapis.com/books/v1/volumes/AKs0vgAACAAJ",
   "volumeInfo": {
    "title": "INTRODUÇAO A HISTORIA DO DIREITO",
    "authors": [
     "LUIZ CARLOS DE AZEVEDO"
    ],
    "description": "Esta obra aborda o conceito e importância da História do Direito, como ciência e disciplina, passando pelo Direito Grego antigo e sua expansão, à conta do Helenismo, Direito Romano e o extraordinário legado deixado pela obra dos jurisprudentes, que até hoje repercute no nosso Direito Positivo, a criação e desenvolvimento das universidades medievais, o Direito Lusitano primitivo e o que se lhe segue ao longo das três ordenações do reino, a contribuição do Direito Canônico, até alcançar a legislação do Brasil Império e a colocação de aspectos mais abrangentes, produto das sensíveis alterações ocorridas no campo do direito durante os séculos XIX e XX. Por fim, o autor apresenta os cuidados e perspectivas relativos ao terceiro milênio.",
    "industryIdentifiers": [
     {
      "type": "ISBN_10",
      "identifier": "8520339425"
     },
     {
      "type": "ISBN_13",
      "identifier": "9788520339428"
     }
    ],
    "readingModes": {
     "text": false,
     "image": false
    },
    "pageCount": 286,
    "printType": "BOOK",
    "maturityRating": "NOT_MATURE",
    "allowAnonLogging": false,
    "contentVersion": "preview-1.0.0",
    "panelizationSummary": {
     "containsEpubBubbles": false,
     "containsImageBubbles": false
    },
    "language": "pt",
    "previewLink": "http://books.google.com/books?id=AKs0vgAACAAJ&dq=9788520339428&hl=&cd=1&source=gbs_api",
    "infoLink": "http://books.google.com/books?id=AKs0vgAACAAJ&dq=9788520339428&hl=&source=gbs_api",
    "canonicalVolumeLink": "https://books.google.com/books/about/INTRODU%C3%87AO_A_HISTORIA_DO_DIREITO.html?hl=&id=AKs0vgAACAAJ"
   },
   "saleInfo": {
    "country": "BR",
    "saleability": "NOT_FOR_SALE",
    "isEbook": false
   },
   "accessInfo": {
    "country": "BR",
    "viewability": "NO_PAGES",
    "embeddable": false,
    "publicDomain": false,
    "textToSpeechPermission": "ALLOWED",
    "epub": {
     "isAvailable": false
    },
    "pdf": {
     "isAvailable": false
    },
    "webReaderLink": "http://play.google.com/books/reader?id=AKs0vgAACAAJ&hl=&printsec=frontcover&source=gbs_api",
    "accessViewStatus": "NONE",
    "quoteSharingAllowed": false
   },
   "searchInfo": {
    "textSnippet": "Esta obra aborda o conceito e importância da História do Direito, como ciência e disciplina, passando pelo Direito Grego antigo e sua expansão, à conta do Helenismo, Direito Romano e o extraordinário legado deixado pela obra dos ..."
   }
  }
 ]
}`;

const objeto = JSON.parse(json);
let descricao = objeto.items[0].volumeInfo.description;

console.log(descricao);

document.getElementById("descricao").value = descricao;

<form id="desc" ><input type="text" name="descricao" value="" id="descricao" />

</form>

Notice however that I put items[0]. This is because items is an array and for this reason there may be several. So you need to know what description you want, based on the position of the item, or pick up all the descriptions using a for:

const objeto = JSON.parse(json);

for(let item of objeto.items){
    console.log(item.volumeInfo.description); //aqui usava cada uma das descrições
}