Простые примеры Ajax, jQuery, JSON, Highstock - Форум обсуждения систем "Умный дом", проектов Ардуино, OpenWRT и других DIY устройств

electric · 21.09.2013, 18:42

Доброго времени суток всем...
Надеюсь я не ошибся темой, если что админ меня поправит...
Долго уже эксперементирую со всякими ардуинами, роутерами и пр... С железками наигрался, заказал себе на алли кучу всяких ништяков, сейчас получаю и играюсь с ними))
В веб-программировании, особенно в PHP и JAVA особо не силен, есть некоторые навыки в HTML. Обычно просто нахожу в инете похожие применения, чуть подкручиаю под себя и использую. На данном этапе все же не хватает знаний даже для "подкручивания". Поэтому был бы очень признателен коллегам по форуму, может кто сможет доступно "разжевать" или показать свои примеры с пояснениями...
Итак, на данном этапе пытаюсь на html страничке отобразить виджет - типа стрелочного прибора. Для начала взял, на мой взгляд, самый простой - justgage скрипт.
Есть БД MySQL на удаленном сервере куда каждые 10мин пишет данные (id, дата-время, температуры, давление, влажность) MR3020, который в свою очередь получает их от ардуины по порту UART. С этим разобрался...
На данный момент проблема с файлом-адаптером на php, который вызывается из HTML странички с входными параметрами типа id датчика и last=1 (последняя запись). Сейчас у меня скрипт-адаптер умеет запрашивать нужную запись из БД исходя из входных данных. Вот его содержание:

PHP код:


			
<?php

$sensorid = "";

$last = "";

include "connect_db.php"; //файл с параметрами подключеня к БД



if (isset($_GET['sensorid'])) $sensorid="".$_GET['sensorid'];

if (isset($_GET['last'])) $last="".$_GET['last'];



$query = mysql_query("SELECT ".$sensorid." FROM data ORDER BY id_data DESC LIMIT ".$last."");

if ($query)

{

    $res = mysql_fetch_array($query);

    $data = $res[0];

    echo ($data);

}

mysql_close($dbcnx);

?>

При вызове типа

Код:

http://site.ru/test1.php?last=1&sensorid=T1

скрипт выдает последние значение из таблицы БД в столбце "Т1".
Вот пример html странички с виджетом, найденной на просторах инета:

Код HTML:

<html>
  <head>
    <title>Test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style>
      body {
        text-align: center;
      }
      #g1 {
        width:100px; height:80px;
        display: inline-block;
        margin: 1em;
      }
    </style>
    <script src="/js/jquery-1.10.2.min.js"></script>
    <script src="/js/raphael.2.1.0.min.js"></script>
    <script src="/js/justgage.1.0.1.min.js"></script>
    <script>
        $(function (){
        var g1 = new JustGage({
        id: "g1", 
        value: 20, 
        min: 0,
        max: 100,
        title: "Температура 1",
        label: "",  
        showMinMax: false,
      
        levelColors: ["#ff0000"],
        showInnerShadow: false,        
        startAnimationTime: 10,
        startAnimationType: "linear",
        refreshAnimationTime: 10,
        refreshAnimationType: "linear" 
        });
	});
</script>
</head>
 <body>  
<table border=1 width="250">
<tr>
<td>
    <div id="g1"></div><br>
</td>
</tr>
</table>
 </body>
</html>

И вот собственно вопрос, как вызвать скрипт-адаптер на PHP и передать данные JAVA скрипту?
Автор использует метод $.getJSON, но сейчас не посмотреть, его сайт чот в дауне.
Помню, что он использовал строчку в конце текста в теге виджета <script></script> типа g1.refresh( val[1]);, т.е. обновление данных.
Заранее спасибо всем откликнувшимся...

P.S. Пробовал пример нашего модератора andr128, описан тут и тут, но как прикрутить, не соображу))

21.09.2013, 18:42	#1
electric Member Регистрация: 29.03.2013 Сообщений: 68 Вес репутации: 0	Простые примеры Ajax, jQuery, JSON, Highstock Доброго времени суток всем... Надеюсь я не ошибся темой, если что админ меня поправит... Долго уже эксперементирую со всякими ардуинами, роутерами и пр... С железками наигрался, заказал себе на алли кучу всяких ништяков, сейчас получаю и играюсь с ними)) В веб-программировании, особенно в PHP и JAVA особо не силен, есть некоторые навыки в HTML. Обычно просто нахожу в инете похожие применения, чуть подкручиаю под себя и использую. На данном этапе все же не хватает знаний даже для "подкручивания". Поэтому был бы очень признателен коллегам по форуму, может кто сможет доступно "разжевать" или показать свои примеры с пояснениями... Итак, на данном этапе пытаюсь на html страничке отобразить виджет - типа стрелочного прибора. Для начала взял, на мой взгляд, самый простой - justgage скрипт. Есть БД MySQL на удаленном сервере куда каждые 10мин пишет данные (id, дата-время, температуры, давление, влажность) MR3020, который в свою очередь получает их от ардуины по порту UART. С этим разобрался... На данный момент проблема с файлом-адаптером на php, который вызывается из HTML странички с входными параметрами типа id датчика и last=1 (последняя запись). Сейчас у меня скрипт-адаптер умеет запрашивать нужную запись из БД исходя из входных данных. Вот его содержание: PHP код: `<?php $sensorid = ""; $last = ""; include "connect_db.php"; //файл с параметрами подключеня к БД if (isset($_GET['sensorid'])) $sensorid="".$_GET['sensorid']; if (isset($_GET['last'])) $last="".$_GET['last']; $query = mysql_query("SELECT ".$sensorid." FROM data ORDER BY id_data DESC LIMIT ".$last.""); if ($query) { $res = mysql_fetch_array($query); $data = $res[0]; echo ($data); } mysql_close($dbcnx); ?>` При вызове типа Код: http://site.ru/test1.php?last=1&sensorid=T1 скрипт выдает последние значение из таблицы БД в столбце "Т1". Вот пример html странички с виджетом, найденной на просторах инета: Код HTML: <html> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> body { text-align: center; } #g1 { width:100px; height:80px; display: inline-block; margin: 1em; } </style> <script src="/js/jquery-1.10.2.min.js"></script> <script src="/js/raphael.2.1.0.min.js"></script> <script src="/js/justgage.1.0.1.min.js"></script> <script> $(function (){ var g1 = new JustGage({ id: "g1", value: 20, min: 0, max: 100, title: "Температура 1", label: "", showMinMax: false, levelColors: ["#ff0000"], showInnerShadow: false, startAnimationTime: 10, startAnimationType: "linear", refreshAnimationTime: 10, refreshAnimationType: "linear" }); }); </script> </head> <body> <table border=1 width="250"> <tr> <td> <div id="g1"></div><br> </td> </tr> </table> </body> </html> И вот собственно вопрос, как вызвать скрипт-адаптер на PHP и передать данные JAVA скрипту? Автор использует метод $.getJSON, но сейчас не посмотреть, его сайт чот в дауне. Помню, что он использовал строчку в конце текста в теге виджета <script></script> типа g1.refresh( val[1]);, т.е. обновление данных. Заранее спасибо всем откликнувшимся... P.S. Пробовал пример нашего модератора andr128, описан тут и тут, но как прикрутить, не соображу)) Последний раз редактировалось electric; 21.09.2013 в 18:56.

Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)