将表单值传递到php而不提交表单

我正在逐步建立一个表格。第一步，人们输入他们的电子邮件。然后在他们单击下一步后，它从数据库中获取安全问题

问题是，是否可以从数据库中获取数据而不从提交？我发现人们使用AJAX。我是新手。我这里有第一步代码：

<div>
step 1

<input type='text' name='email' id='email' maxlength="50" />

nextstepbutton goes here

</div>

第一步
下一步按钮在这里

这是第二步代码：

<div>
step 2
<label><?php echo getSecurityQuestion($emailvalue) ?></label>
</div>

步骤2

---

如何将“email”的值传递到

$emailvalue

？

给你的下一步按钮一个id。然后说如果你使用jquery，你可以按照

$('#next-button').click(function () {
  $.get('filename.php', { action: 'get_security_question', email: $('#email').val() }, function (data) {
    $('#security_question').val(data['message']);
  });
});

在你的php中

if ($_GET['action'] === 'get_security_question') return "Here's your question for {$_GET['email']}.";

---

这是非常模糊的，只是一个大致的大纲，但应该能让你了解它是如何工作的。

好吧，你可以不用表单，但你必须使用AJAX，例如：

<input type="text" name="email" id="email" maxLength="50" />

<input type="button" value="Send" onClick="submitEmail()" />

---

你读过吗？你能解决这个问题吗？你问的问题需要的不仅仅是一个“是”的答案？我无法得到结果。我能问一下是什么：$（'security_question'）.val（data['message']）@AlexChen阅读了关于jQuery的更多信息，以了解这个答案是什么。“$（“#security_-question”）.val（data['message']）；表示将id为'security_-question'的元素的值设置为data['message']的值。

function submitEmail(){

  var emailAdd = document.getElementByID("email").value ;

  // here you would hook into whatever ajax httprequest method you prefer

}