Передать данные из js в php без кнопки

158
24 сентября 2021, 07:10

форма html 

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
    <form name="form" action="" method="get">
      <input type="text" name="subject" id="subject" value="Car Loan">
    </form>
    </body>
    </html>

php

 <?php echo $_GET['subject']; ?>

Есть форма, она передает данные только когда нажал enter, как сделать так что бы он передавал данные не по нажатию кнопки enter, а сразу когда их ввел?

Я еще сделал по другому:

<form name="form" action="" method="get">
<input type="text" name="subject" id="input" value="Car Loan"><span id="result"></span>
</form>
<script>
  input.oninput = function() {
    result.innerHTML = input.value;
  };
</script>
<h1>
<?php echo $_GET['subject']; ?>
</h1>

я сделал вот так, но в php данные не передаются

Answer 1

Лучше всего добавить задержку перед отправкой. К примеру debounce

function debounce(fn, delay) { 
  let t = 0 
  return function (...args) { 
    clearTimeout(t) 
    t = window.setTimeout(() => fn.apply(this, args), delay) 
  } 
} 
 
function sendValue() { 
  console.log(this.value)  
} 
 
const subject = document.getElementById('subject') 
 
if (subject) { 
  subject.addEventListener('input', debounce(sendValue, 500)) 
}
<form id="form1" name="form" action="" method="get"> 
  <input type="text" name="subject" id="subject" value="Car Loan"> 
</form>

READ ALSO
Не распознается значение Vue
javascript

Не распознается значение Vue

Почему в цикле когда я задаю to="itemhref" значение item

 85
Преобразовать Dictionary из контроллера в Array JS
javascript

Преобразовать Dictionary из контроллера в Array JS

В контроллере такой код:

 162
Проверка наличия класса
javascript

Проверка наличия класса

Есть код "корзины", как можно сделать проверку наличия класса, если класс уже есть, то вместо добавления нового блока увеличивать значение...

 109
Не работает CSS В HTML файле
CSS

Не работает CSS В HTML файле

Такая проблема, у меня не работает css файл на локальном сервере, в коде вроде ошибок нету, вчера все работалоPS Тут вставленный код отлично...

 139