как подключить кнопку (которая находится на странице 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>
Используйте перед полями ввода или значения, которые вы хотите отправить, и добавьте страницу php, на которую вы хотите отправить значения поля ввода в действии формы, и на этой странице php введите запрос вставки в соответствии с вашими потребностями. например:
Я бы использовал 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
.
Я думаю, вам придется решать это поэтапно.
Если вы пытаетесь получить значения полей 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. Удачи.
существует два способа вызвать php файл с помощью кнопки submit, а другой - отправить форму с помощью ajax.
<form action='url of php file' method="post or get"......... </form>
на кнопку отправки нажмите кнопку, чтобы определить действие.
другой путь
используйте простую кнопку и при нажатии кнопки, используя ajax-вызов php файла без перенаправления