Самый простой способ сделать постоянно отображаемый счетчик на основе данных из API?

Question

Самый простой способ сделать постоянно отображаемый счетчик на основе данных из API?

0

Я новичок в программировании, но я пытаюсь написать простую программу, которая показывает на выделенном экране число, которое обновляется на основе API так часто. Таким образом, api будет иметь один фрагмент данных, который будет обновляться каждый раз так часто.

Каков наилучший способ написать программу, которую я могу сохранить на экране, которая покажет обновленный счетчик в режиме реального времени?

Итак, в 13:00 счетчик показывает 1 000 000, затем в 1:05 счетчик показывает 1000 100.

Я знаю немного javascript и c, html и css. Это что-то, что я мог бы написать в качестве веб-страницы и сохранить в Chrome?

Вот вывод API в JSON:

{ "Компания": { "ID": 2, "имя": "место"}, "всего": 8726110}

Я хочу поместить номер TOTAL в тег h2.

<!DOCTYPE html>
<html>
<head>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" >
    function loadscans() {

    $.getJSON('API URL')


    }

    </script>


</head>


<body>

<div id="scans"><h2>scans</h2></div>

</body>
</html>

ppadru1 18 апр. 2014, в 21:23

Источник

0

ты уже что-нибудь пробовал? пожалуйста, предоставьте нам любые попытки.
xlembouras 18 апр. 2014, в 18:46
0

пока, честно говоря, я даже не знаю, с чего начать, ха-ха. Полагаю, хорошим началом было бы просто отобразить число в виде обычного текста html и обновить его, когда я обновлю страницу.
ppadru1 18 апр. 2014, в 19:06

Теги:

javascript

html

c

api

2 ответа

Ещё вопросы

ты уже что-нибудь пробовал? пожалуйста, предоставьте нам любые попытки.
пока, честно говоря, я даже не знаю, с чего начать, ха-ха. Полагаю, хорошим началом было бы просто отобразить число в виде обычного текста html и обновить его, когда я обновлю страницу.

spynix · Answer 1 · 2015-08-23T20-31-00.000Z

Лучший способ сделать это зависит от полноты ваших функциональных спецификаций, поэтому без этой информации нет способа дать соответствующий ответ "Что является лучшим способом...?", Поскольку он слишком широк и имеет больше дизайна вопрос, чем программный.

В стороне, как упоминалось ранее, вы можете выполнить так называемый опрос, который выполняет тот же процесс с указанным интервалом. В JavaScript вы обычно выполняете это через setInterval() следующим образом:

/* assumes function to get and set data are made */
var poller = setInterval(function() {
  var data = get_data();
  set_data(data);
}, 1000); /* polls at 1s intervals */

Или бросить jQuery:

var poller = setInterval(function() {
  $.ajax("URL", {
    success: function(data) {
      set_data(data);
    }
  });
}, 1000);

Другая возможность - использовать сетевые сокеты. Веб-сокеты обеспечивают полный дуплексный поток между браузером и предоставляющим объектом. Я не думаю, что ваше конкретное приложение требует такого уровня сложности, поэтому я не буду вдаваться в него, но я решил, что упомянул об этом, поскольку это популярное решение для предоставления "живых" данных.

Я думаю, что, основываясь на вашей допущенной неопытности, вы, вероятно, должны придерживаться метода setInterval, а использование jQuery для упаковки вашего XHR скроет многие внутренние действия, которые вам, вероятно, не нужны.

Это всего лишь примеры. Чтобы сделать это таким образом, вы, вероятно, захотите использовать таймауты и несколько других вспомогательных аспектов.

Чтобы получить более конкретный ответ, вы должны разработать функциональность, которую вы хотите создать, и задать более конкретный вопрос.

thogue · Answer 2 · 2014-04-18T16-35-00.000Z

Простейшим способом, вероятно, будет установка таймера на загрузку страницы (посмотрите на функцию javascript setInterval) и каждый так часто "опросите" сервер, чтобы получить новый номер для отображения с помощью jquery ajax. https://api.jquery.com/jQuery.ajax/