Spinner Ao engadir datos API (JavaScript) – JavaScript, HTML

Teño un documento HTML que está a recoller datos dunha API. A medida que se recuperan os datos, hai un tempo de carga, xeralmente 1-3 segundos. Quero incorporar un spinner ou algún tipo, xa sexa spin.js ou un gif, mentres que os datos están cargados, polo que o usuario sabe que os datos recuperan. ¿Como engadir unha roda cargar os datos, para a función ()

Esta é a miña

<script type="text/javascript" src="http://api.eventful.com/js/api"></script><script type="text/javascript">//Function which loads data from API.function loaddata() {//get varsvar oArgs = {app_key: "(HIDDEN FOR SECURITY PURPOSES)",q: "music",where: "San Diego","date": "2013061000-2015062000",page_size: 5,sort_order: "popularity",};var content = "";//API CALLEVDB.API.call("/events/search", oArgs, function(oData) {console.log(oData)//Get the title for each itemfor (var i = 0;i < oData.events.event.length;i++) {content += oData.events.event.title + "<br><br>";}// Show Data on page$("#ListItems").html(content);});}</script><body><input type = "button" value="search" onclick="loaddata();"/><br><br>//Where Data is presented.<span id = "ListItems"></span></body></html>

Respostas

1 Para a resposta № 1

A forma típica de lograr isto é mostrar o gráfico do gráfico cando se solicita os datos remotos e ocultar o spinner cando se complete a solicitude. No seu caso, podería facer algo así como o seguinte:

Deixa unha resposta

O teu enderezo electrónico non se publicará Os campos obrigatorios están marcados con *