Частичное динамическое обновление веб-страницы Опции

[vovanxp]

Помогите создать реализовать частичное динамическое обновление веб-страницы.

Проект на основе демки STM324xG_EVAL, LwIP_HTTP_Server_Raw, без FreeRTOS

Хочу сделать управление микроконтроллером через веб-страницу. Веб сервер работает,

Хочу сделать так чтоб на веб-страничке выводились информация так же как как выводится на ЛСД дисплей. Информация обновлялась динамически не перегружая страничку, под этим веб-дисплеем на веб-странице будут кнопки управления.

Знаю что нужно через javаscript, jQuery. Можно ли это реализовать без netconn и FreeRTOS и как реализовать.

Спасибо.

[vovanxp]

Давайте я лучше всю инфу напишу.
keil настройках utf-8, подменен UvEdit.dll, иначе русский не отображается.

LED.html подтягивается с index.html


В броузере отображается так на скриншоте
Исходные коды страниц сохранные из броузера

Сообщение отредактировал vovanxp - Feb 17 2015, 19:17

Эскизы прикрепленных изображений

 

Прикрепленные файлы

 index.htm ( 2.54 килобайт ) Кол-во скачиваний: 9
 LED.html ( 354 байт ) Кол-во скачиваний: 12

 

[kolobok0]

Давайте...

Вот тут похоже Ваша проблема обсуждалась

траблы jQuery (читать последнии два топика)

Если бы всё сделали в рукопашную (там функция на 50 строчек) то проблем бы собственно и не было бы...
А со слоном в стеклянной лавке - вот посуда и полетела...
имхо если с чёрным ящиком не получится = вектор прежний "XMLHttpRequest"

[scifi]

Если бы всё сделали в рукопашную (там функция на 50 строчек) то проблем бы собственно и не было бы...
А со слоном в стеклянной лавке - вот посуда и полетела...
имхо если с чёрным ящиком не получится = вектор прежний "XMLHttpRequest"

+1. Вот до чего доводит вредная привычка всюду тащить "библиотеки" по поводу и без повода.
Голый жабаскрипт и HTML - очень адекватное решение. Любой вопрос по этой теме разжёван в инете 50 раз и гуглится за секунду.
Кстати, у меня 55 строчек :-)

CODE

window.onload = refInit;
var timeout;

var refXmlHttp;

function refInit()
{
timeout = 1000 * document.getElementById("refrate").firstChild.nodeValue;
refXmlHttp = new XMLHttpRequest();
refXmlHttp.onreadystatechange = refOnLoad;
if (timeout != 0)
{
setTimeout("refSendRequest()", timeout);
}
}

function refSendRequest()
{
refXmlHttp.open("GET", "/mondata.xml", true);
refXmlHttp.send(null);
}

function refOnLoad()
{
if (refXmlHttp.readyState == 4) // 4 = "loaded"
{
if (refXmlHttp.status == 200) // 200 = OK
{
refIterateAll();
if (timeout != 0)
{
setTimeout("refSendRequest()", timeout);
}
}
}
}

function refIterateAll()
{
var nodes = refXmlHttp.responseXML.documentElement.childNodes;
for (var i = 0; i < nodes.length; i++)
{
for (var item = nodes.item(i).firstChild; item; item = item.nextSibling)
{
if (item.parentNode.nodeName == "values")
{
var target = document.getElementById(item.nodeName);
if (target)
{
target.firstChild.nodeValue = item.firstChild.nodeValue;
}
}
}
}
}