E JS поток с выборками - PullRequest
Новая
       3

E JS поток с выборками

0 голосов
/ 04 февраля 2020

Мне любопытно, можно ли транслировать данные из API без перезагрузки страницы. Я заинтересован в том, чтобы переопределить все переменные, с которыми представление / страница были отрисованы с самого начала. Сделайте асин c выборку в фоновом режиме, которая затем заново объявит переменные и каким-то образом отобразит их заново.

Я не совсем уверен, какой подход у меня должен быть - это в основном идея, где у меня есть школьные действия, извлеченные из API и отрисованные через e js. Но я хотел бы получить эффект в реальном времени, когда мне не нужно перезагружать страницу, чтобы сделать еще одну выборку, чтобы увидеть, как переменные перерисовываются с данными fre sh ?? ?? 1003 *

Я знаю, что мог бы сделать AJAX вызов на стороне клиента, что означает, что мне придется переписать мой файл e js Но это не то, что я ищу ...

Возможно ли передавать данные в реальном времени с помощью e js никак? 

        <svg class="Bg" viewBox="0 0 201.305 94">
          <path fill="rgba(50,50,69,1)" class="pathBg" d="M 0 0 L 201.3046875 0 L 201.3046875 94 L 0 94 L 0 0 Z">
          </path>
        </svg>
        <svg class="before" viewBox="0 0 16 94">
          <% switch (elem.color) {
            case "green": %>
            <path fill="#78952b" class="pathbefore" d="M 0 0 L 16 0 L 16 94 L 0 94 L 0 0 Z">
                    <% break;
            case "red": %>
            <path fill="#A83331" class="pathbefore" d="M 0 0 L 16 0 L 16 94 L 0 94 L 0 0 Z">
                    <% break;
            case "purple": %>
            <path fill="#7D2772" class="pathbefore" d="M 0 0 L 16 0 L 16 94 L 0 94 L 0 0 Z">
                    <% break;
            case "blue": %>
            <path fill="#3674B5" class="pathbefore" d="M 0 0 L 16 0 L 16 94 L 0 94 L 0 0 Z">
                    <% break;
            default: case "grey": %>
            <path fill="#808080" class="pathbefore" d="M 0 0 L 16 0 L 16 94 L 0 94 L 0 0 Z">
                    <% break;
            } %>


          </path>
        </svg>
        <div class="holdNavn">
          <span><%= elem.class %></span>
        </div>
        <svg class="tidBg" viewBox="0 0 167 19">
          <path fill="rgba(36,36,57,1)" class="pathtidBg"
            d="M 9.5 0 L 157.5 0 C 162.7467041015625 0 167 4.253294467926025 167 9.5 C 167 14.74670600891113 162.7467041015625 19 157.5 19 L 9.5 19 C 4.253294467926025 19 0 14.74670600891113 0 9.5 C 0 4.253294467926025 4.253294467926025 0 9.5 0 Z">
          </path>
        </svg>
        <div class="hold">
          <span>Hold</span>
        </div>
        <div class="emneNavn">
          <span><%=  elem.friendly_name %></span>
        </div>
        <div class="emne">
          <span>Emne</span>
        </div>
        <div class="tidStart">
          <span><%= elem.time %></span>
        </div>
        <div class="lokaleNummer">
          <span><%= elem.classroom %></span>
        </div>
        <div class="tid">
          <span>Tid</span>
        </div>
        <div class="lokale">
          <span>Lokale</span>
        </div>
      </div>

      <% }) %>
    </div>```
...