Skip to main content
se añadieron 4 caracteres en el cuerpo
Origen Enlace
user128299
user128299

Hola que tal recién estoy adentrándome con las API's, y a continuación estoy consumiendo una APi publica de prueba.

Mi pregunta sería cómo puedo integrarle el token para consumir dicha API en caso de que la API sea privada, teniendo en cuenta que el token ya lo conozco

Mi pregunta sería ¿cómo puedo integrarle el token para consumir dicha API en caso de que la API sea privada?, teniendo en cuenta que el token ya lo conozco

var contenido = document.querySelector('#contenido');
function mostrar() {
    fetch('https://randomuser.me/api')
    .then(r => r.json())
    .then(data => {
        (data.results[0])
            contenido.innerHTML = `
            <img src="${data.results['0'].picture.large}">
            <p>Nombre: ${data.results['0'].name.title +' ' + data.results['0'].name.last +' ' + data.results['0'].name.last}</p>
            `
    })
}
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API | REST</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body style="background: rgb(238, 209, 189);">
    <h2 class="subtitulo">API REST</h2>
    <button class="btn" onclick="mostrar()">Click</button>

    <div id="contenido">
    </div>

</body>
<script src="js/rest-api.js"></script>

</html>

Hola que tal recién estoy adentrándome con las API's, y a continuación estoy consumiendo una APi publica de prueba.

Mi pregunta sería cómo puedo integrarle el token para consumir dicha API en caso de que la API sea privada, teniendo en cuenta que el token ya lo conozco

var contenido = document.querySelector('#contenido');
function mostrar() {
    fetch('https://randomuser.me/api')
    .then(r => r.json())
    .then(data => {
        (data.results[0])
            contenido.innerHTML = `
            <img src="${data.results['0'].picture.large}">
            <p>Nombre: ${data.results['0'].name.title +' ' + data.results['0'].name.last +' ' + data.results['0'].name.last}</p>
            `
    })
}
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API | REST</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body style="background: rgb(238, 209, 189);">
    <h2 class="subtitulo">API REST</h2>
    <button class="btn" onclick="mostrar()">Click</button>

    <div id="contenido">
    </div>

</body>
<script src="js/rest-api.js"></script>

</html>

Hola que tal recién estoy adentrándome con las API's, y a continuación estoy consumiendo una APi publica de prueba.

Mi pregunta sería ¿cómo puedo integrarle el token para consumir dicha API en caso de que la API sea privada?, teniendo en cuenta que el token ya lo conozco

var contenido = document.querySelector('#contenido');
function mostrar() {
    fetch('https://randomuser.me/api')
    .then(r => r.json())
    .then(data => {
        (data.results[0])
            contenido.innerHTML = `
            <img src="${data.results['0'].picture.large}">
            <p>Nombre: ${data.results['0'].name.title +' ' + data.results['0'].name.last +' ' + data.results['0'].name.last}</p>
            `
    })
}
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API | REST</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body style="background: rgb(238, 209, 189);">
    <h2 class="subtitulo">API REST</h2>
    <button class="btn" onclick="mostrar()">Click</button>

    <div id="contenido">
    </div>

</body>
<script src="js/rest-api.js"></script>

</html>

Origen Enlace
Luis Salinas
  • 300
  • 1
  • 4
  • 13

Fetch API con JavaScript "token"

Hola que tal recién estoy adentrándome con las API's, y a continuación estoy consumiendo una APi publica de prueba.

Mi pregunta sería cómo puedo integrarle el token para consumir dicha API en caso de que la API sea privada, teniendo en cuenta que el token ya lo conozco

var contenido = document.querySelector('#contenido');
function mostrar() {
    fetch('https://randomuser.me/api')
    .then(r => r.json())
    .then(data => {
        (data.results[0])
            contenido.innerHTML = `
            <img src="${data.results['0'].picture.large}">
            <p>Nombre: ${data.results['0'].name.title +' ' + data.results['0'].name.last +' ' + data.results['0'].name.last}</p>
            `
    })
}
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API | REST</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body style="background: rgb(238, 209, 189);">
    <h2 class="subtitulo">API REST</h2>
    <button class="btn" onclick="mostrar()">Click</button>

    <div id="contenido">
    </div>

</body>
<script src="js/rest-api.js"></script>

</html>