使用AJAX以HTML形式从PHP检索数据

基本上，我想在数据库中创建一个条目后，将表单字段添加到现有表单中

表格：

添加_question.php：

    <?php 

$servername = "localhost";
$username = "root";
$password = "";
$dbname = "coursera";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 


        $section_id = $_POST['text1'];

       $sql = "INSERT INTO quiz VALUES (DEFAULT, 'question','option1','option2','option3','option4','answer','$section_id','$course_id','$instructor_id',DEFAULT)"; 
        if ($conn->query($sql) === TRUE) {
            echo '<div class="form-group"><label>Question <?php echo $m; ?></label><textarea class="form-control" placeholder="Enter your question here.." name="question[]" required=""><?php if($data["question"] != "question") { echo $data["question"];} ?></textarea></div><div class="form-group"><label>Option 1</label><textarea class="form-control" placeholder="Answer Option 1" name="option1[]" required=""><?php if($data["question"] != "question") { echo $data["option1"];} ?></textarea></div><div class="form-group"><label>Option 2</label><textarea class="form-control" placeholder="Answer Option 2" name="option2[]" required=""><?php if($data["question"] != "question") { echo $data["option2"];} ?></textarea></div><div class="form-group"><label>Option 3</label><textarea class="form-control" placeholder="Answer Option 3" name="option3[]" required=""><?php if($data["question"] != "question") { echo $data["option3"];} ?></textarea></div><div class="form-group"><label>Option 4</label><textarea class="form-control" placeholder="Answer Option 4" name="option4[]" required=""><?php if($data["question"] != "question") { echo $data["option4"];} ?></textarea></div><div class="form-group"><label>Correct Answer</label><select class="form-control" name="answer[]" required=""><option value="Option 1">Option 1</option><option value="Option 2">Option 2</option><option value="Option 3">Option 3</option><option value="Option 4">Option 4</option></select></div><br><hr style="border: 1px solid #000;"><br><input type="hidden" name="id[]" value="<?php echo $data["id"]; ?>">';
        } 


    ?>

---

您键入的是ID而不是类。将ajax请求中的
$（'field_wrapper'）
更改为
$（'field_wrapper'）
。在本地进行测试，效果良好

编辑：另外，在ajax成功函数中使用.html（）而不是.append（）。
您已经使用了$（'field_wrapper'）。append（response）；但您使用字段_包装器作为类而不是id。。改变

<div class="field_wrapper"> 



到


$（'.field_wrapper'）。追加（响应）这是您需要的仍然是相同的问题仍然是相同的问题仍然是相同的问题实际上我使用了.html（）而不是.append（），请尝试相同的方法。有没有办法捕捉ajax中的错误？可能是jquery版本，试试3.1.1
    <?php 

$servername = "localhost";
$username = "root";
$password = "";
$dbname = "coursera";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 


        $section_id = $_POST['text1'];

       $sql = "INSERT INTO quiz VALUES (DEFAULT, 'question','option1','option2','option3','option4','answer','$section_id','$course_id','$instructor_id',DEFAULT)"; 
        if ($conn->query($sql) === TRUE) {
            echo '<div class="form-group"><label>Question <?php echo $m; ?></label><textarea class="form-control" placeholder="Enter your question here.." name="question[]" required=""><?php if($data["question"] != "question") { echo $data["question"];} ?></textarea></div><div class="form-group"><label>Option 1</label><textarea class="form-control" placeholder="Answer Option 1" name="option1[]" required=""><?php if($data["question"] != "question") { echo $data["option1"];} ?></textarea></div><div class="form-group"><label>Option 2</label><textarea class="form-control" placeholder="Answer Option 2" name="option2[]" required=""><?php if($data["question"] != "question") { echo $data["option2"];} ?></textarea></div><div class="form-group"><label>Option 3</label><textarea class="form-control" placeholder="Answer Option 3" name="option3[]" required=""><?php if($data["question"] != "question") { echo $data["option3"];} ?></textarea></div><div class="form-group"><label>Option 4</label><textarea class="form-control" placeholder="Answer Option 4" name="option4[]" required=""><?php if($data["question"] != "question") { echo $data["option4"];} ?></textarea></div><div class="form-group"><label>Correct Answer</label><select class="form-control" name="answer[]" required=""><option value="Option 1">Option 1</option><option value="Option 2">Option 2</option><option value="Option 3">Option 3</option><option value="Option 4">Option 4</option></select></div><br><hr style="border: 1px solid #000;"><br><input type="hidden" name="id[]" value="<?php echo $data["id"]; ?>">';
        } 


    ?>

<div class="field_wrapper"> 

 <div id="field_wrapper">