• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

296
Views
RoR-STimulus-Fetch-API: cómo agregar algo obtenido a DB

Estoy tratando de agregar algo que obtuve de una API a mi RoR DB.

Así que tengo :

  • mi vista :

     <div data-controller="album"> <form data-album-target = "form" data-action="submit->album#update"> <input type="text" class="form-control" data-album-target="input"> <div data-album-target="results"></div> </div>
  • y mi controlador de estimulo

     import { Controller } from "stimulus" export default class extends Controller { static targets = ["results", "input", "form"] update(event) { event.preventDefault(); this.resultsTarget.innerHTML = ""; const artistName = this.inputTarget.value; const url = `https://theaudiodb.com/api/v1/json/2/search.php?s=${artistName}`; fetch(url) .then(response => response.json()) .then((data) => { this.findIdArtist(data); }); } findIdArtist(data){ data.artists.forEach((result) => { const idArtist = result.idArtist; const url2 = `https://theaudiodb.com/api/v1/json/2/album.php?i=${idArtist}`; fetch(url2) .then(response => response.json()) .then((data) => { data.album.sort(function (a, b) { return a.intYearReleased - b.intYearReleased }).forEach((list) => { const album = `<div class="card"> <img src=${list.strAlbumThumb}> <div class="albumtitle"> ${list.strAlbum} </div> <div class="albumyear"> ${list.intYearReleased} </div> </div>` this.resultsTarget.insertAdjacentHTML("beforeend", album) }) }); }); } }

¿Cómo podría tener un botón "+" que agregue el albumID a mi base de datos RoR? Intenté con una búsqueda POST pero no puedo hacer que funcione.

Alguna idea ?

Gracias !

about 3 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error