Ставим OpenWrt на миниатюрный WiFi роутер TP-LINK TL-MR3020 - Страница 22 - Форум обсуждения систем "Умный дом", проектов Ардуино, OpenWRT и других DIY устройств

michael_s · 12.10.2012, 23:32

Цитата:

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

Здравствуйте!
Введение:
Есть ардуино, есть изернет модуль. Управляю различными вещами. Управление построено так: На адрес изернет модуля ардуины http://192.168.1.7 шлю GET запрос с содержанием Bra=1, или Bra=0. Другими словами вбиваю в адресной строке браузера http://192.168.1.7/?Bra=1 и жму интер, бра загораются, если http://192.168.1.7/?Bra=0 - потушатся.
Есть сервер, поднят на роутере, поддерживается php. Хочу все странички с кнопками управления разместить на нём.
Вопрос:
Как сделать кнопку, или ссылку, чтобы нажав на неё улетел GET запрос (возможно и POST прокатит) на ардуино, но страница не перезагружалась. А ещё лучше, чтобы если нажать "обновить страницу, F5" то она бы просто обновилась без сообщения браузера "на странице используется введённая вами информация, обновление страници приведёт к повторной отсылке данных.... и т.д."
Пока сделал так:

PHP код:


			
<?php

include('simple_html_dom.php');

$html = file_get_html('http://192.168.1.7');



if(isset($_POST['execute'])){

        

        $sURI = 'http://192.168.1.7/?'.$_POST['comand'];

        file_get_contents($sURI);

        header("Location: {$_SERVER['PHP_SELF']}");

}



$cont .= '<form method="POST">';

$cont .= '<input type="hidden" name="comand" value="Bra=1">';

$cont .= '<input type="submit" name="execute" value="Бра       ON">';

$cont .= '</form>';

$cont .= '<form method="POST">';

$cont .= '<input type="hidden" name="comand" value="Bra=0">';

$cont .= '<input type="submit" name="execute" value="Бра OFF">';

$cont .= '</form>';



echo $cont;



?>

Но это не то. Страница перезагружается, и заканчивает перезагрузку только тогда, когда ардуино отработает команду, а это бывает по долгу.
Наверняка в своих проектах этот вопрос как-то решали, подскажите выход, пожалста.
P.S. извините, что не в профильный форум, но в других не помогли. Не смогли понять зачем это всё надо.

Вам нужно пользоваь ajax.
Проще всего пользовать ajax из Jquery , почитайте тут http://codething.ru/ajax.php

Если не разберетесь , пишите , помогу.

Sirocco · 13.10.2012, 03:04

Цитата:

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

Вам нужно пользоваь ajax.
Проще всего пользовать ajax из Jquery , почитайте тут http://codething.ru/ajax.php

Если не разберетесь , пишите , помогу.

Спасибо! Отличная ссылка! Не то, чтобы разобрался, что к чему, но работать заставил как нужно, наконец-то!
Вот так работает, но, чувствую, этот код можно оптимизировать ещё очень-очень не слабо. Был-бы рад, если подскажет кто.

PHP код:


			
<body>  

    <form id="braON">  

    <p align="center">  <input type="submit" value="100%">  </p>  

    </form>

    

    <form id="Night"> 

        <p align="center"><input type="submit" value="25%"></p> 

    </form> 

    

    <form id="braOFF"> 

        <p align="center"><input type="submit" value="Off"></p> 

    </form>  

     

    <script>  

        $(document).ready(function(){          

            $('#braON').submit(function(){  

                $.ajax({  

                    type: "POST",  

                    url: "http://192.168.1.7/?Bra=1",                      

                });  

                return false;  

            });              

        });  



        $(document).ready(function(){          

            $('#Night').submit(function(){  

                $.ajax({  

                    type: "POST",  

                    url: "http://192.168.1.7/?Night=1",                      

                });  

                return false;  

            });              

        }); 

        

        $(document).ready(function(){          

            $('#braOFF').submit(function(){  

                $.ajax({  

                    type: "POST",  

                    url: "http://192.168.1.7/?Bra=0",                       

                });  

                return false;  

            });              

        });

        

    </script>  

      

</body>

Тут три кнопки, отсылают команду на контроллер, а тот включает LED ленту на 100%, 10% или выкл.

michael_s · 13.10.2012, 21:36

Цитата:

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

Спасибо! Отличная ссылка! Не то, чтобы разобрался, что к чему, но работать заставил как нужно, наконец-то!
Вот так работает, но, чувствую, этот код можно оптимизировать ещё очень-очень не слабо. Был-бы рад, если подскажет кто.

PHP код:


			
<body>  
    <form id="braON">  
    <p align="center">  <input type="submit" value="100%">  </p>  
    </form>
    
    <form id="Night"> 
        <p align="center"><input type="submit" value="25%"></p> 
    </form> 
    
    <form id="braOFF"> 
        <p align="center"><input type="submit" value="Off"></p> 
    </form>  
     
    <script>  
        $(document).ready(function(){          
            $('#braON').submit(function(){  
                $.ajax({  
                    type: "POST",  
                    url: "http://192.168.1.7/?Bra=1",                      
                });  
                return false;  
            });              
        });  

        $(document).ready(function(){          
            $('#Night').submit(function(){  
                $.ajax({  
                    type: "POST",  
                    url: "http://192.168.1.7/?Night=1",                      
                });  
                return false;  
            });              
        }); 
        
        $(document).ready(function(){          
            $('#braOFF').submit(function(){  
                $.ajax({  
                    type: "POST",  
                    url: "http://192.168.1.7/?Bra=0",                       
                });  
                return false;  
            });              
        });
        
    </script>  
      
</body>

Тут три кнопки, отсылают команду на контроллер, а тот включает LED ленту на 100%, 10% или выкл.

Вот быстренько сделал для вас примерчик

http://jsfiddle.net/tvsU3/1/
Не обязательно кстати делать кнопкой , можно ссылку или что угодно.

$(document).ready(function(){
достаточно один раз было написать и внутри уже все привязки делать . Это делается для того чтоб JS не пытался запуститься пока не построилось все дерево DOM.

Sirocco · 14.10.2012, 01:46

Цитата:

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

Вот быстренько сделал для вас примерчик

http://jsfiddle.net/tvsU3/1/

Спасибо!!!
Сделал так:

PHP код:


			
<script type='text/javascript'>//<![CDATA[ 

$(window).load(function(){

    $('.braON').click(function(){  

    $.ajax({  

            type: "POST",  

            url: "http://192.168.1.7/?Bra=1",                      

        });  

        return false;

    });              



    $('.Night').click(function(){  

    $.ajax({  

            type: "POST",  

            url: "http://192.168.1.7/?Night=1",                      

        });  

        return false;

    }); 



    $('.braOFF').click(function(){  

    $.ajax({  

            type: "POST",  

            url: "http://192.168.1.7/?Bra=0",                      

        });  

        return false;

    }); 



});//]]>  



</script>

</head>

<body>

<button class="braON">100%</a> 

<button class="Night">10%</a> 

<button class="braOFF">OFF</a> 

</body>

Теперь попробую заменить кнопки на что-то более симпатичное.
Но! Обнаружилась проблема! (Или фитча) Этот код не работает удалённо. Если я в локалке, то работает без проблем, если захожу из вне, то просто не срабатывает. Что может быть?

Admin · 12.10.2012, 23:51

У меня есть пример на Bootstrap, могу завтра выложить

Sirocco · 13.10.2012, 01:11

Цитата:

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

У меня есть пример на Bootstrap, могу завтра выложить

Да, было бы не плохо!

Galaxy · 13.10.2012, 09:28

При включении и первом входе Telnet не получается запустить mc, выдает такое сообщение: /bin/ash: mc: not found

Если выполнить reboot, то после перезагрузки mc загружается.

Как решить эту проблему?

Admin · 13.10.2012, 10:12

Флешка смонтирована в системе?

Galaxy · 13.10.2012, 11:31

Флешку вижу.
Когда запускается mc выскакивает сообщение:
file /etc/mc/sfs.ini not found
cannot open /usr/lib/mc/extfs.d directory

andr128 · 14.10.2012, 06:02

Цитата:

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

Флешку вижу.
Когда запускается mc выскакивает сообщение:
file /etc/mc/sfs.ini not found
cannot open /usr/lib/mc/extfs.d directory

чтоб не ругался

Код:

mkdir -p /usr/lib/mc/extfs.d
touch /etc/mc/sfs.ini

Результаты опроса: Если роутер прошит и настроен под Arduino, Вы купили бы его
Да	53	31.36%
Нет	24	14.20%
Куплю и сам настрою	92	54.44%
Голосовавшие: 169. Вы ещё не голосовали в этом опросе

13.10.2012, 11:31	#9
Galaxy Junior Member Регистрация: 27.09.2012 Сообщений: 10 Вес репутации: 0	Флешку вижу. Когда запускается mc выскакивает сообщение: file /etc/mc/sfs.ini not found cannot open /usr/lib/mc/extfs.d directory Последний раз редактировалось Galaxy; 13.10.2012 в 11:35.

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

12.10.2012, 23:51	#5
Admin Administrator Регистрация: 12.04.2010 Адрес: Москва Сообщений: 9,618 Вес репутации: 9824	У меня есть пример на Bootstrap, могу завтра выложить

13.10.2012, 09:28	#7
Galaxy Junior Member Регистрация: 27.09.2012 Сообщений: 10 Вес репутации: 0	При включении и первом входе Telnet не получается запустить mc, выдает такое сообщение: /bin/ash: mc: not found Если выполнить reboot, то после перезагрузки mc загружается. Как решить эту проблему?

13.10.2012, 10:12	#8
Admin Administrator Регистрация: 12.04.2010 Адрес: Москва Сообщений: 9,618 Вес репутации: 9824	Флешка смонтирована в системе?

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