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

@Lastik228 · Регистрация: 20.04.2017

Студворк — интернет-сервис помощи студентам

всем привет. пытаюсь сделать обновление ячейки каждые 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 кода

@Lastik228 · 09.07.2019, 09:08 **[ТС]**

вот сама ошибка

@atanov · 09.07.2019, 09:27

Lastik228, по указанному url нету table.html.

@Lastik228 · 09.07.2019, 10:03 **[ТС]**

Сообщение от atanov

по указанному url нету table.html.

ну у меня код прописан прям в table.html

@atanov · 09.07.2019, 10:44

Сообщение от Lastik228

ну у меня код прописан прям в table.html

прописан то он прописан, но файла table.html по указанному пути нет

@Lastik228 · 09.07.2019, 10:46 **[ТС]**

Сообщение от atanov

файла table.html по указанному пути нет

как тогда прописать в url что бы ссылка шла на тот шаблон где прописан код ?

@atanov · 09.07.2019, 10:51

Сообщение от Lastik228

как тогда прописать в url что бы ссылка шла на тот шаблон где прописан код

очевидно что туда, где этот файл лежит. У Вас указан адрес - смотрите ошибку, http://127... . Укажите правильный или перенесите table.html по адресу http://127.0.0.1/table/

@Lastik228 · 09.07.2019, 11:11 **[ТС]**

Сообщение от atanov

очевидно что туда, где этот файл лежит. У Вас указан адрес - смотрите ошибку, http://127... . Укажите правильный или перенесите table.html по адресу http://127.0.0.1/table/

указал но он выдает такую ошибку и весь шаблон исчезает

@atanov · 09.07.2019, 11:27

Сообщение от Lastik228

указал но он выдает такую ошибку

это не ошибка, а предупреждение, что Вы используете синхронный ajax, тогда как рекомендуют асинхронный.

Сообщение от Lastik228

весь шаблон исчезает

Откуда?

@Lastik228 · 09.07.2019, 11:44 **[ТС]**

Сообщение от atanov

Откуда?

просто со страницы исчезает. белый экран вместо моей формы и выскакивает уведомление

@atanov · 09.07.2019, 12:13

Lastik228, а что Вы дальше делаете после вызова mode()?

@Lastik228 · 09.07.2019, 12:22 **[ТС]**

Сообщение от atanov

а что Вы дальше делаете после вызова mode()?

я взял пример от сюда https://danfa.net/mobile/blog/201/

@atanov · 09.07.2019, 12:54

Сообщение от Lastik228

я взял пример от сюда https://danfa.net/mobile/blog/201/

хоть пример хреновый, откровенно говоря, но если Вы заметили обработчик указан серверным скриптом - mode.php, а у Вас html, который нисего не может обработать.
Что Вы хотите сделать?

@Lastik228 · 12.07.2019, 19:09 **[ТС]**

atanov, я хочу обновить данные одной ячейки без перезагрузки самой страницы. Как это ещё можно реализовать через js или ajax?

@atanov · 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 'Новое значение';

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

@Mr_Sergo · 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]";

@atanov · 13.07.2019, 20:02

Mr_Sergo, приветствую, да пример хороший. fetch рулит

Новые блоги и статьи Все статьи Все блоги /
Кому нужен 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. Номеклатура. . .

@Lastik228 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

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	09.07.2019, 12:13
	Lastik228, а что Вы дальше делаете после вызова mode()? 0

@Lastik228 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, 20:02
	Mr_Sergo, приветствую, да пример хороший. fetch рулит 0