Gurpreet Arora Malhotra Ответов: 1

Как я отправляю значение с одной страницы на другую в HTML с помощью JS

Привет

Я новичок в JS

В HTML у меня есть 2 страницы

1-я страница содержит 1 текстовое поле
2-я страница содержит 1 этикетку

Я хочу показать значение текстового поля в метке с помощью JS, но Realtym . Если я ввожу какое-либо значение в текстовое поле, оно отражает тот же Тим на этикетке

Что я уже пробовал:

Я не смог сделать то, что возможно . я ищу везде, где не нашел

Karthik_Mahalingam

2-я страница-это всплывающее окно ?

Gurpreet Arora Malhotra

Нет всплывающих 2-й страницы простой html страницы

1 Ответов

Рейтинг:
6

Karthik_Mahalingam

Страница 1

<html>
<head>
    <script>
        function keypress() {
            var txt1 = document.getElementById("txt1");
            var value = txt1.value;
            setCookie('txt1value', value, 1)
        }
        function setCookie(cname, cvalue, exdays) {
            var d = new Date();
            d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
            var expires = "expires=" + d.toUTCString();
            document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
        }

    </script>
</head>
<body>
    <input id="txt1" type="text" onkeypress="keypress()" onkeyup="keypress()"><br>     
</body> 
</html>

Страница 2
<html>
<head>
    <title>Page 2</title>
    
</head>
<body>
   <span id="lbl"></span>

    <script>
        setInterval(function () {
            var value = getCookie('txt1value')
            document.getElementById('lbl').textContent = value;
        }, 100)



        function getCookie(cname) {
            var name = cname + "=";
            var ca = document.cookie.split(';');
            for (var i = 0; i < ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0) == ' ') {
                    c = c.substring(1);
                }
                if (c.indexOf(name) == 0) {
                    return c.substring(name.length, c.length);
                }
            }
            return "";
        }
    </script>
</body>
</html>

Примечание: вам придется хозяин страницы, чтобы заставить его работать
Обратитесь к этим
Файлы Cookie JavaScript[^]
Метод Window setInterval() [^]

Gurpreet Arora Malhotra

Не работать

Karthik_Mahalingam

хавед проверил его, работая на меня.
как вы запустили страницу.

Gurpreet Arora Malhotra

почему мы используем файлы cookie там. любой другой способ

Karthik_Mahalingam

тогда как вы будете получать данные в режиме реального времени ?
для передачи данных мы можем использовать строку запроса, но вам нужно в режиме реального времени

Gurpreet Arora Malhotra

Можем ли мы сделать это с помощью ajax

Karthik_Mahalingam

какую серверную технологию вы используете

Gurpreet Arora Malhotra

Привет большое спасибо он работает нормально я попробовал его разместив эти страницы он работает идеально


Спасибо

Karthik_Mahalingam

Классное, счастливое кодирование

Gurpreet Arora Malhotra

Привет

Концепция работает хорошо без сомнения но когда я открываю 1 страницу в моем lapi и 2 страницы в моем друге то не работает

Karthik_Mahalingam

Ой ой. Печенье не будет работать, как that.it специфичен для одного браузера в машине..

Если вы хотите увидеть другой компьютер, то вам придется использовать ajax call / signalR

Gurpreet Arora Malhotra

У вас есть какой-нибудь пример для этого

Karthik_Mahalingam

приложение signalr chat c - Google Search[^]