Обновляйте страницу каждые 10 секунд с идентификатором содержимого таблицы - PullRequest
Новая
       6

Обновляйте страницу каждые 10 секунд с идентификатором содержимого таблицы

0 голосов
/ 11 июня 2018

У меня есть таблица со списком клиентов и ее идентификаторами.Содержимое таблицы изменится (я загружаю данные из базы данных). 

<table name="myCustomers">
    <thead>
        <tr><th>Name</th></tr>
    </thead>
    <tbody>
        <tr>
            <td>Name1</td>
            <input type="hidden" value="1" />
        </tr>
        <tr>
            <td>Name2</td>
            <input type="hidden" value="2" />
        </tr>
        <tr>
            <td>Name3</td>
            <input type="hidden" value="3" />
        </tr>
    </tbody>
<table>

Моя страница называется test.cfm Я хотел бы, используя JavaScript или JQuery, обновлять страницу каждые 10 секунд, но передавая вводскрытое значение в качестве параметра.Например, сначала загрузите страницу.Затем через 10 секунд вызовите test.cfm? MyID = 1 ... 10 секунд спустя, test.cfm? MyID = 2 и т. Д.

Возможно ли использовать JavaScript или JQuery?

Спасибо

Ответы [ 3 ]

0 голосов
/ 12 июня 2018 
// Gets any query string variable
function qs(variable) {
   var query = window.location.search.substring(1);
   var vars = query.split("&");
   for (var i=0;i<vars.length;i++) {
       var pair = vars[i].split("=");
       if(pair[0] == variable){return pair[1];}
   }
   return(false);
}

// Gets your specific query string variable and parses it as an int
function getQueryStringId() {
    var id = parseInt(qs("myId"), 10);
    return isNaN(id) ? 0 : id;
}

// Does the redirect/refresh after 10 seconds
function init() {
    var baseUrl = [location.protocol, '//', location.host, location.pathname].join('');
    var currentId = getQueryStringId();
    var nextId = currentId + 1;
    var nextUrl = baseUrl + "?myId=" + nextId;
    window.setTimeout(function () {
        window.location.href = nextUrl;
    }, 1000);
}

init();
0 голосов
/ 13 июня 2018 
<html>
    <head>
        <script src="js/jquery-1.11.1.min.js"></script>
    </head>

    <body>
        <form>
        <table name="myCustomers">
    <thead>
        <tr><th>Name</th></tr>
    </thead>
    <tbody>
        <tr>
            <td>Name1</td>
            <input type="hidden"  value="12" />
        </tr>
        <tr>
            <td>Name2</td>
            <input type="hidden" value="24"/>
        </tr>
        <tr>
            <td>Name3</td>
            <input type="hidden" value="35" class="key1"/>
        </tr>
    </tbody>
    </form>
<table>

<script>
//use need to use cookie or session to keep track of page number
// create an array to  store all form values
var col=0;
    url();
    var pageno;
function url(){
            var values=[];
            $("input").each(function(){
                 // insert form value into array
                values.push($(this).val());
            });
                var length=values.length;
                    var x = document.cookie;
                    var t = x.replace("username=","");
                if(t==0){
                    document.cookie = "username="+0;    
                    pageno=values[0];
                    var addr=location.pathname+"?pageid="+pageno;
                    window.location.replace(addr);
                    t++;
                    document.cookie = "username="+t;

                }
                else if(t<length){
                    pageno=values[t];
                    t++;
                    document.cookie = "username="+t;
                    var addr=location.pathname+"?pageid="+pageno;
                    window.location.replace(addr);
                    setTimeout(url,5000);
                }
            else{
            document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
            }
}
</script>   
    </body>
</html>
0 голосов
/ 11 июня 2018

Попробуйте написать что-нибудь на JavaScript, чтобы каждые десять секунд получать данные с веб-сервера и выводить их в таблицу с помощью innerHTML.Способ получения данных с сервера зависит от формата курса.

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

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

...