Функция php в html по нажатию кнопки

@Bars1337 · Регистрация: 05.09.2014

Author24 — интернет-сервис помощи студентам

Имеется такая задача:
1. Html файл, в нём поле для ввода и кнопка.
2. При нажатии на кнопку - значения с поля для ввода должно заносится в базу данных mysql.

HTML5

<script>
function Sib(){
alert('sebe');
}
</script>                               
                                
<input type="submit" name="continue" value="Sign On" data-id="submit" onclick="Sib();" class="button cob" origin="cob"/>

Здесь функция срабатывает при нажатии кнопки. Но как только я ставлю php - она начинает выполяться сразу при открытии страницы.

HTML5

<script>
function Sib(){
<?php
 // Параметры для подключения
$data = "123";
    
$db_host = "localhost"; 
$db_user = "root"; 
$db_password = "pass"; 
$db_table = "s";
    
// Подключение к базе данных
$db = mysql_connect($db_host,$db_user,$db_password) OR DIE("Не могу создать соединение ");
    
// Выборка базы
mysql_select_db("db",$db);
    
// Установка кодировки соединения
mysql_query("SET NAMES 'utf8'",$db);
    
$result = mysql_query ("INSERT INTO ".$db_table." (data) VALUES ('$data')");
    
if ($result = 'true'){
echo "Информация занесена в базу данных";
}else{
echo "Информация не занесена в базу данных";
}
?>
}
</script>                               
                                
<input type="submit" name="continue" value="Sign On" data-id="submit" onclick="Sib();" class="button cob" origin="cob"/>

Второй вопрос - как извлечь текст из поля для текста и передать его этой функции в переменную data, но это уже совсем другая история))

@atanov · 07.06.2018, 06:32

Bars1337, какая идея изначально?

@Slash Mix · 07.06.2018, 07:38

Bars1337, вам надо в функцию Sib() вставлять JS код, который будет отправлять Ajax запрос к файлу.php, где и будет происходить добавление информации в бд.

Добавлено через 2 минуты

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

как извлечь текст из поля для текста

не могу сообразить, что вы имеете в веду...

@Mr_Nerub · 07.06.2018, 09:33

Bars1337,
1) Вы неправильно понимаете работу JavaScript-кода и php-кода. То, что вы вставляете php-код внутрь функции Sib(), еще не делает этот код частью функции javascript'а.
2) php-код стоит выделить в отдельный файл - вашеимя.php. И уже из функции Sib() в этот файл php при помощи ajax будут отправляться любые данные, которые вы захотите.
3) Сам php-код стоит делать в отдельный файл хотя бы потому, что у пользователя может быть выключен javascript вообще. То есть вы в любом случае должны делать отправку этих данных без какого-либо javascript'а, только при помощи php, и уже потом можно делать это через аякс.
4) Как я понял, извлечь текст вы хотите из <input type='text'>? Для этого есть $_POST- и $_GET-данные, которые мы получаем от клика на кнопочку Submit.

@Bars1337 · 07.06.2018, 13:15 **[ТС]**

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

Bars1337, какая идея изначально?

Html - файл:

HTML5

<html>
<head>
<title>Login</title>
</head>
<body>
 
<script>
function Sib(){
<!-- PHP CODE -->
}
</script>
 
 <input  aria-required="true" type="text" id="login" name="login" value="" maxlength="14" class="OneLinkNoTx" autocorrect="off" autocapitalize="off"/>
 <input type="submit" name="continue" value="Sign On" data-id="submit" onclick="Sib();" class="button cob" origin="cob"/>
</body>
</html>

При нажатии на кнопку информация с login должна заносится в бд средствами php.

Добавлено через 19 минут

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

2) php-код стоит выделить в отдельный файл - вашеимя.php. И уже из функции Sib() в этот файл php при помощи ajax будут отправляться любые данные, которые вы захотите.
3) Сам php-код стоит делать в отдельный файл хотя бы потому, что у пользователя может быть выключен javascript вообще. То есть вы в любом случае должны делать отправку этих данных без какого-либо javascript'а, только при помощи php, и уже потом можно делать это через аякс.
4) Как я понял, извлечь текст вы хотите из <input type='text'>? Для этого есть $_POST- и $_GET-данные, которые мы получаем от клика на кнопочку Submit.

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

@Mr_Nerub · 07.06.2018, 13:29

Bars1337, код javascript не работает с кодом php. То есть, к примеру, код ниже работать не будет так, как того хочется:

Javascript

<script>
<?php
$id = '123';
$login = 'маруся';
?>
 
alert($login);
alert($id);
</script>

Код js просто не видит код php.

По-хорошему должно быть что-то вроде такого:
HTML-файл

HTML5

<html>
<head>
<title>Login</title>
</head>
<body>
 
<script>
function Sib(form) {
    var login= "login=" + form.login.value;
    var request = new ajaxRequest();
    request.open("POST", "имяфайла.php", true);
    request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    request.onreadystatechange = function() {
        if (this.readyState == 4)
            if (this.status == 200)
                if (this.responseText != null)
                    alert('ok');
    }
    request.send(params);
}
 
function ajaxRequest()
{
    var request;
    try {
        request = new XMLHttpRequest();
    }
    catch(e1) {
        try {
            request = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch(e2) {
            try {
                request = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(e3) {
                request = false;
            } 
        } 
    }
    return request;
}
</script>
 
 <form action='имяфайла.php' method='post'>
 
 <input  aria-required="true" type="text" id="login" name="login" value="" maxlength="14" class="OneLinkNoTx" autocorrect="off" autocapitalize="off"/>
 <input type="submit" name="continue" value="Sign On" data-id="submit" onclick="Sib(form.this);" class="button cob" origin="cob"/>
 
</form>
 
</body>
</html>

имяфайла.php

PHP

<?php
 // Параметры для подключения
$data = $_POST['login'];
    
$db_host = "localhost"; 
$db_user = "root"; 
$db_password = "pass"; 
$db_table = "s";
    
// Подключение к базе данных
$db = mysql_connect($db_host,$db_user,$db_password) OR DIE("Не могу создать соединение ");
    
// Выборка базы
mysql_select_db("db",$db);
    
// Установка кодировки соединения
mysql_query("SET NAMES 'utf8'",$db);
    
$result = mysql_query ("INSERT INTO ".$db_table." (data) VALUES ('$data')");
    
if ($result = 'true'){
echo "Информация занесена в базу данных";
}else{
echo "Информация не занесена в базу данных";
}
?>

Обрати внимание на добавленные теги <form></form>, изменение onclick кнопки submit и на то, как получают отправленные данные. Те функции в js-коды - это ajax.

Фактически, если тебе кровь из носу надо именно работа через js, то гугли ajax. Именно он отвечает за передачу данных через javascript в php-файл и обратно.
Если же тебе просто надо передать значение текста из input=text, то можешь полностью убрать js-код и работать только с тегом <form> и $_POST-данными.

Добавлено через 4 минуты

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

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

Если тебе просто нужно работать с полученными данными, то работай только с <form> и $_POST-данными(или $_GET).
В самом php-файле, если нужна переадресация, используй header():

PHP

if ($result = 'true'){
header("Location: http://mysite.com");
}else{
echo "Информация не занесена в базу данных";
}

@atanov 634 / 476 / 170 Регистрация: 26.05.2016 Сообщений: 2,638
	07.06.2018, 06:32	2
	Bars1337, какая идея изначально? 0

@Slash Mix 14 / 13 / 10 Регистрация: 01.04.2018 Сообщений: 106
	07.06.2018, 07:38	3
	Bars1337, вам надо в функцию Sib() вставлять JS код, который будет отправлять Ajax запрос к файлу.php, где и будет происходить добавление информации в бд. Добавлено через 2 минуты Сообщение от Bars1337 как извлечь текст из поля для текста не могу сообразить, что вы имеете в веду... 0

@Mr_Nerub 24 / 24 / 15 Регистрация: 05.06.2018 Сообщений: 83
	07.06.2018, 09:33	4
	Bars1337, 1) Вы неправильно понимаете работу JavaScript-кода и php-кода. То, что вы вставляете php-код внутрь функции Sib(), еще не делает этот код частью функции javascript'а. 2) php-код стоит выделить в отдельный файл - вашеимя.php. И уже из функции Sib() в этот файл php при помощи ajax будут отправляться любые данные, которые вы захотите. 3) Сам php-код стоит делать в отдельный файл хотя бы потому, что у пользователя может быть выключен javascript вообще. То есть вы в любом случае должны делать отправку этих данных без какого-либо javascript'а, только при помощи php, и уже потом можно делать это через аякс. 4) Как я понял, извлечь текст вы хотите из <input type='text'>? Для этого есть $_POST- и $_GET-данные, которые мы получаем от клика на кнопочку Submit. 0

	07.06.2018, 13:29

Функция php в html по нажатию кнопки

Решение