需要后如何提交表单并保持在同一页面上？

Question

我有一个代码，它的简化版本可能如下所示：

file1.php

$array = array();
$array = new randomObject(1);
$array = new randomObject(2);
require('file2.php');

file2.php

<form  method="post" action="?">
 <?php
        foreach ($array as $a) {                           
             <p><?php echo $a->getAValue();  
                <textarea rows="5" cols="70" name="textbox[]"> 
                </textarea>
             </p>
  <?php } ?>
        <input id="isTrue"> //true or false
        <input type="submit" >
</form>

用户应该在文本区域中写下答案并点击提交，然后他的答案将与 randomObject 值进行比较。然后在每个textarea旁边显示是真还是假

Answer 1

您正在寻找前端将为您处理的东西，而 AJAX 调用正是您所需要的。

首先，为你的表单命名

<form id="myForm"  method="post" action="?">
 <?php
        foreach ($array as $a) {                           
             <p><?php echo $a->getAValue();  
                <textarea rows="5" cols="70" name="textbox[]"> 
                </textarea>
             </p>
  <?php } ?>
        <input id="isTrue"> //true or false
        <input id="submitButton" type="submit" >
</form>

现在您在提交按钮和表单本身上都有正确的 ID。

<script>
let submitB = document.querySelector("#submitButton");
submit.addEventListener("click", function(e) {
    e.preventDefault();
});
</script>

从现在开始，您只需为要访问的 url 编写一个适当的 ajax 调用，您就可以开始了。

如果您需要这方面的帮助，请告诉我，我会按照您的方式扔东西。

Answer 2

我猜您想保留用户输入的值，因为如果您提交表单，它们就会消失。 （页面重新加载） 这可以通过更改输入字段来完成。如果提交了一个值，则将该值传递给每个相应的输入字段。

类似的东西：

<textarea rows="5" cols="70" name="textbox[]" <?php if(isset(value[SOMETHING])){?> value="<?php echo value[SOMETHING]; ?>" <?php } ?> >

这只是它如何工作的一个例子。确保将其适应您的代码！