Fill in a form with Json data in jquery

1

Good evening.

I have a url that gets this structure in 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.br/books?id=AKs0vgAACAAJ&dq=9788520339428&hl=&cd=1&source=gbs_api",
    "infoLink": "http://books.google.com.br/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'd like to just get the data for description and fill out my form:

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

How would I do this using jquery? Is it too complex?

    
asked by anonymous 03.11.2017 / 02:57

1 answer

3

According to the json structure presented, 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.br/books?id=AKs0vgAACAAJ&dq=9788520339428&hl=&cd=1&source=gbs_api",
    "infoLink": "http://books.google.com.br/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>

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

const objeto = JSON.parse(json);

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