主页 / 问题 / 1036870
Accepted
fermeg
Asked:2020-10-21 16:11:25 +0000 UTC2020-10-21 16:11:25 +0000 UTC

将数据从 js 传递到 php，无需按钮

  • 772

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']; ?>

有一种表格，它只有在按下回车时才传输数据，如何让它不通过按下回车键，而是在输入时立即传递数据？

我也做了不同的事情：

<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

javascript

1 个回答

  1. Best Answer

    您最好的选择是在发送之前添加延迟。例如去抖动

    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>

    • 0

相关问题