Как связать HTML-кнопку с PHP?

2

как подключить кнопку (которая находится на странице HTML) для подключения к php url, после нажатия кнопки ON/OFF. код в основном должен вызывать php после нажатия кнопки, и когда php называется, ему необходимо зарегистрировать ON/OFF в моей базе данных вместе со стартовым временем. может понравиться, кто-нибудь поможет мне с этим кодом, потому что я новый и действительно застрял. эта вещь должна работать без javascript или jquery.

http://i.stack.imgur.com/8JAYn.jpg

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <style>
    h1 {
        padding-top: 50px;
        text-align: center;
        color: white;
        margin-right:60px;
    }
    </style>
        <title> Washing Machine Control System</title>
        <link rel="stylesheet" type="text/css" href="BK.css"/>
        <link rel="stylesheet" type="text/css" href="MachineButtons.css"/>
        <script src="http://code.jquery.com-1.11.3.min.js"></script>

    </head>

    <body bgcolor = "Black"> 


    <h1>Machine Controller</h1>

        <br></br>
        <br></br>


    <div id="icons"><img src="D:\Year 4 (Sem1&2)\Mobile Technologies\Coursework\Website\WM1.jpg"  alt="Machine One" style="width:150px;height:228px;"/></a></div>

            <label class="switch">
                <input class="switch-input" type="checkbox" />
                <span class="switch-label" data-on="M1 On" data-off="M1 Off"></span> <span class="switch-handle"></span> 
            </label>

    <div id="icons2"><img src="D:\Year 4 (Sem1&2)\Mobile Technologies\Coursework\Website\WM2.jpg" alt="Machine Two" style="width:150px;height:228px;"/></a></div>

            <label class="switch">
                <input class="switch-input" type="checkbox" />
                <span class="switch-label" data-on="M2 On" data-off="M2 Off"></span> <span class="switch-handle"></span> 
            </label>

    <div id="icons4"><img src="D:\Year 4 (Sem1&2)\Mobile Technologies\Coursework\Website\WM3.jpg"  alt="Machine Three" style="width:150px;height:228px;"/></a></div>
            <label class="switch">
                <input class="switch-input" type="checkbox" />
                <span class="switch-label" data-on="M3 On" data-off="M3 Off"></span> <span class="switch-handle"></span> 
            </label>

    <div id="icons3"><img src="D:\Year 4 (Sem1&2)\Mobile Technologies\Coursework\Website\WM4.jpg" alt="Machine Four" style="width:150px;height:228px;"/></a></div>

            <label class="switch">
                <input class="switch-input" type="checkbox" />
                <span class="switch-label" data-on="M4 On" data-off="M4 Off"></span> <span class="switch-handle"></span> 
            </label>

    </body>
    </html>
Теги:
button

4 ответа

0

Используйте перед полями ввода или значения, которые вы хотите отправить, и добавьте страницу php, на которую вы хотите отправить значения поля ввода в действии формы, и на этой странице php введите запрос вставки в соответствии с вашими потребностями. например:

0

Я бы использовал AJAX и JQuery.

Обработайте проверенные события флажка, и при щелчке обновите значение с помощью вызова AJAX:

$('.switch-input').click(function() {
   var $this = $(this);
   // $this will contain a reference to the checkbox   
   if ($this.is(':checked')) {
      // the checkbox is checked -> update db value
      var data = { 'id' : 1 }; //this is static, instead of 1 use JQuery to get the actual id of the record you want to update.
      $.ajax({
            url: 'update_val.php',
            type: 'POST',
            data: data,
            success: function(result){
                alert('success!');
            }
        });
   } else {
    // the checkbox is not checked
   }
});

Для получения дополнительной информации я рекомендую вам ознакомиться со следующими ссылками:

Надеюсь, это помогло вам :)

ПРИМЕЧАНИЕ. Чтобы использовать этот метод, вам явно нужно сохранить идентификатор объектов, чтобы вы могли получить их, когда вы вызываете функцию ajax и передаете их через POST или GET на страницу PHP.

0

Я думаю, вам придется решать это поэтапно.

Если вы пытаетесь получить значения полей HTML для подключения к базе данных через PHP, сначала вам нужно взглянуть на свою HTML-метку, так как она недостаточно подготовлена для этого. Элементы ввода должны находиться в элементах формы, чтобы инициировать PHP-запись или обратный вызов из базы данных. Например;

<form method="GET/POST" action="theNameOfYourPHPFile.php">
  <input class="switch-input" type="checkbox" name="washingMachine1" />
<input class="switch-input" type="checkbox" name="washingMachine2" />

и т.д...

После того, как вы получите все это, вы сможете получить доступ к значениям на входах, используя ваши php-функции в php файле, на который вы указываете форму. Доступ к их значениям включения/выключения через это

<?php $washingMachine1 = $_REQUEST['washingMachine1']; 
etc... 

?>

Но для этого вам понадобится больше практики кодирования PHP. Стоит потратить некоторое время, чтобы узнать больше о формах и их взаимодействии с PHP через методы GET и POST. Удачи.

0

существует два способа вызвать php файл с помощью кнопки submit, а другой - отправить форму с помощью ajax.

<form action='url of php file' method="post or get"......... </form>

на кнопку отправки нажмите кнопку, чтобы определить действие.

другой путь

используйте простую кнопку и при нажатии кнопки, используя ajax-вызов php файла без перенаправления

Ещё вопросы

Сообщество Overcoder
Наверх
Меню