Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.85/34: Рейтинг темы: голосов - 34, средняя оценка - 4.85
1 / 1 / 1
Регистрация: 20.04.2017
Сообщений: 267

Обновление данных шаблона без перезагрузки страницы

09.07.2019, 09:05. Показов 6799. Ответов 16

Студворк — интернет-сервис помощи студентам
всем привет. пытаюсь сделать обновление ячейки каждые 3 секунды но без перезагрузки самой страницы.
так вот пытаюсь сделать обновление ячейки
JavaScript
1
2
3
4
5
6
7
8
9
10
function mode() {
    $.ajax({
        url: 'table.html',
        success: function(data) {
            $('#result').html(data);
        }
    });
};
 
setInterval(mode, 3000);
вот моя ячейка
HTML5
1
2
3
      {% for result in result %}
      <th class="bg-success" id="result" style="text-align: center;"  >{{result.optima}}</th>
      {%endfor%}
но при работе происходит ошибка js кода
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
09.07.2019, 09:05
Ответы с готовыми решениями:

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

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

Обновление переменной без перезагрузки страницы
Здравствуйте! Я тут новичок,поэтому не судите строго.. Суть в чем: у меня есть переменная, скажем $sum, значения которой берутся из...

16
1 / 1 / 1
Регистрация: 20.04.2017
Сообщений: 267
09.07.2019, 09:08  [ТС]
вот сама ошибка
Миниатюры
Обновление данных шаблона без перезагрузки страницы  
0
 Аватар для atanov
640 / 481 / 172
Регистрация: 26.05.2016
Сообщений: 2,674
09.07.2019, 09:27
Lastik228, по указанному url нету table.html.
0
1 / 1 / 1
Регистрация: 20.04.2017
Сообщений: 267
09.07.2019, 10:03  [ТС]
Цитата Сообщение от atanov Посмотреть сообщение
по указанному url нету table.html.
ну у меня код прописан прям в table.html
0
 Аватар для atanov
640 / 481 / 172
Регистрация: 26.05.2016
Сообщений: 2,674
09.07.2019, 10:44
Цитата Сообщение от Lastik228 Посмотреть сообщение
ну у меня код прописан прям в table.html
прописан то он прописан, но файла table.html по указанному пути нет
0
1 / 1 / 1
Регистрация: 20.04.2017
Сообщений: 267
09.07.2019, 10:46  [ТС]
Цитата Сообщение от atanov Посмотреть сообщение
файла table.html по указанному пути нет
как тогда прописать в url что бы ссылка шла на тот шаблон где прописан код ?
0
 Аватар для atanov
640 / 481 / 172
Регистрация: 26.05.2016
Сообщений: 2,674
09.07.2019, 10:51
Цитата Сообщение от Lastik228 Посмотреть сообщение
как тогда прописать в url что бы ссылка шла на тот шаблон где прописан код
очевидно что туда, где этот файл лежит. У Вас указан адрес - смотрите ошибку, http://127... . Укажите правильный или перенесите table.html по адресу http://127.0.0.1/table/
0
1 / 1 / 1
Регистрация: 20.04.2017
Сообщений: 267
09.07.2019, 11:11  [ТС]
Цитата Сообщение от atanov Посмотреть сообщение
очевидно что туда, где этот файл лежит. У Вас указан адрес - смотрите ошибку, http://127... . Укажите правильный или перенесите table.html по адресу http://127.0.0.1/table/
указал но он выдает такую ошибку и весь шаблон исчезает
Миниатюры
Обновление данных шаблона без перезагрузки страницы  
0
 Аватар для atanov
640 / 481 / 172
Регистрация: 26.05.2016
Сообщений: 2,674
09.07.2019, 11:27
Цитата Сообщение от Lastik228 Посмотреть сообщение
указал но он выдает такую ошибку
это не ошибка, а предупреждение, что Вы используете синхронный ajax, тогда как рекомендуют асинхронный.
Цитата Сообщение от Lastik228 Посмотреть сообщение
весь шаблон исчезает
Откуда?
0
1 / 1 / 1
Регистрация: 20.04.2017
Сообщений: 267
09.07.2019, 11:44  [ТС]
Цитата Сообщение от atanov Посмотреть сообщение
Откуда?
просто со страницы исчезает. белый экран вместо моей формы и выскакивает уведомление
Миниатюры
Обновление данных шаблона без перезагрузки страницы  
0
 Аватар для atanov
640 / 481 / 172
Регистрация: 26.05.2016
Сообщений: 2,674
09.07.2019, 12:13
Lastik228, а что Вы дальше делаете после вызова mode()?
0
1 / 1 / 1
Регистрация: 20.04.2017
Сообщений: 267
09.07.2019, 12:22  [ТС]
Цитата Сообщение от atanov Посмотреть сообщение
а что Вы дальше делаете после вызова mode()?
я взял пример от сюда https://danfa.net/mobile/blog/201/
0
 Аватар для atanov
640 / 481 / 172
Регистрация: 26.05.2016
Сообщений: 2,674
09.07.2019, 12:54
Цитата Сообщение от Lastik228 Посмотреть сообщение
я взял пример от сюда https://danfa.net/mobile/blog/201/
хоть пример хреновый, откровенно говоря, но если Вы заметили обработчик указан серверным скриптом - mode.php, а у Вас html, который нисего не может обработать.
Что Вы хотите сделать?
0
1 / 1 / 1
Регистрация: 20.04.2017
Сообщений: 267
12.07.2019, 19:09  [ТС]
atanov, я хочу обновить данные одной ячейки без перезагрузки самой страницы. Как это ещё можно реализовать через js или ajax?
0
 Аватар для atanov
640 / 481 / 172
Регистрация: 26.05.2016
Сообщений: 2,674
13.07.2019, 09:28
Цитата Сообщение от Lastik228 Посмотреть сообщение
я хочу обновить данные одной ячейки без перезагрузки самой страницы. Как это ещё можно реализовать через js или ajax?
например так:
CSS
1
2
3
4
5
6
7
8
table
{
    border-collapse: collapse;
}
td
{
    border: solid black 1px;
}
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<link rel="stylesheet" type="text/css" href = "203.css">
<meta charset="utf-8">
<table>
    <tbody>
        <tr>
            <td>Старое значение</td>
            <td>Старое значение</td>
            <td>Старое значение</td>
        </tr>
        <tr>
            <td>Старое значение</td>
            <td>Старое значение</td>
            <td>Старое значение</td>
        </tr>
        <tr>
            <td>Старое значение</td>
            <td>Старое значение</td>
            <td>Старое значение</td>
        </tr>
        <tr>
            <td>Старое значение</td>
            <td>Старое значение</td>
            <td>Старое значение</td>
        </tr>
    </tbody>
</table>
<script type="text/javascript" src = "203.js"></script>
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
document.addEventListener('DOMContentLoaded', getReady);
function getReady()
{
    document.getElementsByTagName('table')[0].addEventListener('click', takeTarget);
}
function takeTarget(e)
{
    let sendInfo = new XMLHttpRequest();
    sendInfo.open('POST', '203.php', true);
    sendInfo.send();
    sendInfo.addEventListener('readystatechange', statusReady);
    function statusReady()
    {
        if(sendInfo.readyState == 4)
        {
            e.target.innerHTML = sendInfo.responseText;
        }
    }
}
PHP
1
echo 'Новое значение';
При клике на ячейку таблицы будет меняться её содержимое на взятое с сервера.
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
13.07.2019, 18:24

Не по теме:

atanov, Приветствую


Lastik228,

Вот еще небольшой пример -> http://some-test.onlinewebshop... val-fetch/
HTML5
1
2
3
4
5
<table border="1">
    <tr>
        <td id="result"></td>
    </tr>
</table>
JavaScript
1
2
3
4
5
let interval = setInterval(async () => {
    let answer = await fetch('table.php'),
        res = await answer.text();
    document.querySelector('#result').textContent = res;
},1000);
PHP
1
2
$date = getdate();
echo "$date[hours]:$date[minutes]:$date[seconds]";
0
 Аватар для atanov
640 / 481 / 172
Регистрация: 26.05.2016
Сообщений: 2,674
13.07.2019, 20:02
Mr_Sergo, приветствую, да пример хороший. fetch рулит
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
13.07.2019, 20:02
Помогаю со студенческими работами здесь

Обновление блока без перезагрузки страницы
Помогите, вот у меня есть сайт на Ucoz, там есть блок &quot;Опросы&quot; Мне надо чтобы при нажатии на ссылку, обновлялся только этот блок, без...

Обновление JS скрипта без перезагрузки веб-страницы
Есть скрипт: &lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt; &lt;!-- function getRandom300(m,n){ return...

Обновление контента в блоке без перезагрузки страницы
Есть страница index.html Есть блок, например с классом content, в котором много блоков с различным контентом. Есть также...

Ajax обновление контента без перезагрузки страницы
Ребята доброго времени! Помогите пожалуйста! Есть не доработанный сайт, в нем есть страница, в странице есть код обновления контента без...

Обновление контента по условию из БД без перезагрузки страницы
Добрый день! Как сделать подгрузку контента из БД по условию без перезагрузки страницы. На данный момент есть 2 радио кнопки и кнопка...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
17
Ответ Создать тему
Новые блоги и статьи
Кому нужен AOT?
DevAlt 26.03.2026
Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при изменении наименования справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .
модель ЗдравоСохранения 5. Меньше увольнений- больше дохода!
anaschu 24.03.2026
Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .
Midnight Chicago Blues
kumehtar 24.03.2026
Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .
SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++
8Observer8 24.03.2026
Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip
Жизнь в неопределённости
kumehtar 23.03.2026
Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .
Модель здравоСохранения: работники работают быстрее после её введения.
anaschu 23.03.2026
geJalZw1fLo Корпорация до введения программа здравоохранения имела много невыполненных работниками заданий, после введения программы количество заданий выросло. Но на выплатах по больничным это. . .
Контроль уникальности заводского номера
Maks 23.03.2026
Алгоритм контроля уникальности заводского (или серийного) номера на примере нетипового документа выдачи шин для спецтехники с табличной частью, разработанного в конфигурации КА2. Номеклатура. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru