Por ejemplo, aquí está el contenido de un JSON en una URL remota:
{ "title": "The title", "description": "The description" }
¿Podrías ayudarme con esto?
La siguiente función muestra "[promesa de objeto]" en mi DIV.
async buildWidget() { var id = "whatever" let data = await fetch('getItem.php?id=' + id + '&callback=getJSONP'); var json = data.json(); return json.title; }No JQuery por favor.
Gracias
Use await en .json () ya que es asíncrono, es decir
async buildWidget() { var id = "whatever" let data = await fetch('getItem.php?id=' + id + '&callback=getJSONP'); var json = await data.json(); return json.title; }En primer lugar .json() devuelve una promesa y luego también debe await .
Segundo: las funciones async son asíncronas, devuelven una promesa.
async buildWidget() { var id = "whatever" let data = await fetch('getItem.php?id=' + id + '&callback=getJSONP'); var json = await data.json(); return json.title; } buildWidget().then(title => { console.log(title) })El método fetch devuelve una promesa, así que solo await y obtenga la respuesta JSON . Luego, simplemente puede obtener las propiedades como data.title o data.description y luego representarlas en el DOM.
async function buildWidget() { const response = await fetch('https://jsonplaceholder.typicode.com/posts/1'); const data = await response.json(); document.getElementById('data').innerHTML = data.title; } buildWidget(); <div id="data"></div>