Как добавить эту функцию 'setInterval' в этот код, чтобы моя страница извлекала формы или данные без обновления - PullRequest
Новая
       1

Как добавить эту функцию 'setInterval' в этот код, чтобы моя страница извлекала формы или данные без обновления

0 голосов
/ 26 декабря 2018

У меня есть ajax и javascript, теперь я загружаю этот модал на другую страницу или в другой отдельный браузер.

На данный момент я могу получить модал, но мне нужно было обновить страницу до того, как модал покажет.Как я могу сделать это, не нажимая кнопку Обновить.Я провел некоторое исследование и увидел функцию setInterval, но как мне реализовать ее через мой код, спасибо!все, что я хочу, это не обновлять страницу до того, как будет отображаться модальное значение.

На моей модальной форме вот так, это код, тогда как после отправки кнопки отправки 

if ($count != 0) {
      while($row = mysqli_fetch_array($data)) { 
          echo '<div id="myModal" class="modal" style="position:fixed;  display: none; padding-top: 100px; 
          left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9); ">
                <div class="container" style="width: 100%">
                <div class="card col-12" style="background-color: red; color: white;">
                <div class="card-header">
                    <p><h3 class="text-center">Announcement</h3></p>
                </div>
                  <div class="card-body text-center">
                      <h5>'.$row['additional_info'].'</h5>
                      <p>Please click refresh button to resume after the announcement</p>
                  </div>
                  </div>
                </div>
                <img class="modal-content" id="img01">
                </div>';
              $dataid = $row['id'];
      }
  }

здесь это сценарий, в который я хочу поместить функцию setInterval , чтобы страница автоматически не обновлялась 

document.getElementById('myModal').style.display='block';

на данный момент на ней нет специального кода, которыйпросто, как я показываю модал, но его нужно обновить

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

1 Ответ

0 голосов
/ 26 декабря 2018

обновить 

<html>
    <head>
        <script src="addon/jquery/jquery.js"></script>
    </head>
    <body>
        <div id="modalid">
        </div>

        <button onclick="ra()">REFRESH</button>

        <script>
            function ra() {
                $.ajax({
                    type: "GET",
                    url: "testajax.php",
                    data: { val : "ann" },
                    dataType: "json",
                    success: function(data) {
                        if(data.status == "OK") {
                            document.getElementById("modalid").innerHTML = data.value
                            setTimeout( function() { document.getElementById('myModal').style.display = 'none'; }, 3000);
                        }
                        else {
                            alert(data.value)
                        }
                    }
                });
            }
        </script>
    </body>
</html>

ajax 

<?php

$jStatus = "ERROR";
$jValue = "";

$val = filter_input(INPUT_GET, "val");
if($val == 'ann') {
    $jStatus = "OK";
    $jValue = "<div id='myModal' class='modal' style='position:fixed; display: block; padding-top: 100px; 
          left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9); '>
                <div class='container' style='width: 100%'>
                <div class='card col-12' style='background-color: red; color: white;'>
                <div class='card-header'>
                    <p><h3 class='text-center'>Announcement</h3></p>
                </div>
                  <div class='card-body text-center'>
                      <h5>HELLLOOO</h5>
                      <p>Please click refresh button to resume after the announcement</p>
                  </div>
                  </div>
                </div>
                <img class='modal-content' id='img01'>
                </div>";
}

$jsonReply = array( "status" => $jStatus, "value" => $jValue);

echo json_encode($jsonReply);

?>

это то, что вы хотите?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...