Estoy teniendo un poco de dificultad en mi código y quisiera una luz, dejaré mi código abajo para que lo entiendas, quiero que cuando haga clic en "#btn_search_youtube" me devuelva el JSON con los resultados de mi búsqueda, ejemplo ("http://127.0.0.1/youtube/search?q= {SEARCHCONTENT}").

Encontré un sitio web que hace algo similar, lo dejo a continuación para una mejor comprensión "https://server1.mtabrasil.com.br/youtube/search?q=akon"

mi código:

 $("#btn_search_youtube").click(function() { let search_youtube = $("#search_youtube").val(); $("#result_youtube tbody").empty(); $("#result_youtube").hide(); $("#loading_youtube").show(); $.getJSON("http://127.0.0.1/youtube/search?q="+search_youtube, function(resultado) { $.each(resultado.items, async function(i, item) { if (item.type == "video") { let link = "http://127.0.0.1/youtube/play?id="+item.id; let link_download = "http://127.0.0.1/youtube/download?id="+item.id; $("#result_youtube tbody").append(` <tr> <td><img src="https://img.youtube.com/vi/${item.id}/default.jpg" alt="" style="width: 67px;height: 67px;"></td> <td style="width: 60%;"> <strong>${item.title}</strong><br><audio controls="" preload="none"> <source src="${link}" type="audio/mpeg"> </audio> </td> <td> <span class="glyphicon glyphicon-time"></span> ${item.duration} </td> <td> <a href="${link_download}" class="btn btn-default"><i class="glyphicon glyphicon-cloud-download"></i> Download</a> <button onclick="copy('setradio ${link}')" type="button" class="btn btn-default"><span class="glyphicon glyphicon-link"></span> Copiar URL</button> </td> </tr> `); } }); $("#result_youtube").show(); $("#loading_youtube").hide(); }); });