hay varias preguntas similares, pero no puedo descifrar esta llamada a la API de iTunes.

aquí es parte de mi server.js

 app.post('/look', function(req,res){ var encoded = encodeURIComponent(req.body.search);var itunesURL = 'https://itunes.apple.com/search?'; var apiURL = itunesURL + 'term=' + encoded + '&country=US&media=music&limit=5'; console.log("inside it!"); var search_value = req.body.search.body; $.ajax({ type: 'POST', url: 'https://itunes.apple.com/search?', data: { term: search_value }, // kind:'song', trackName: "Upside Down", dataType:"json", //nodejs knows its trying to send me json data:JSON.stringify({ // puts into a json obj "search": $("#search").val(), }), success:(function(result){ // result is json from node console.log("YESASASAS") $.each(result[5].trackName, function(key,value){ $('#search_results').innerHTML += "<div> Track Name: </div><div> "+ result.trackName + "</div> <div> Artist Name: </div> <div> "+ result.artistName + "</div>" }); }), error:function(e) { console.log("EROROROROR") }, }); });

Y parte de mi archivo ejs donde solo tengo un cuadro de entrada y un botón de envío para llamar a la llamada api ajax

 <form action="/look" id = "doit" method="post"> <!-- search box --> <input type="text" placeholder="Search.." id="search"><br> <!-- search button --> <input type="button" action="/look" onclick="myFunction()" id="search_button" value="search"> <!-- the div that will contain our search results --> <div id="search_results" style="padding:5px;"> Search Results: </div> </form> <p id="demo"></p>

Me encantaría otro método para hacer esto que no sea el botón que llama al punto final /look