在附加输入标记中显示数据库中的数据

Question

我有一个代码，当我按下按钮时附加输入标签

var max_fields = 10;
var wrapper = $("#container"); 
var add_button = $(".add_form_field"); 

var x = 1; 
$(add_button).click(function(e){ 
    e.preventDefault();
    if(x < max_fields){ 
        x++; 
        $(wrapper).append('<div class="form-group label-floating"><label class="label">title</label><input type="text" id="title_name'+x+'" class="form-control"><a href="#" class="delete">Delete</a></div>'); //add input box
    } else {
        alert('You Reached the limits')
    }
});

$(wrapper).on("click",".delete", function(e){ 
    e.preventDefault(); $(this).parent('div').remove();
    x--;
});

我使用ajax调用从我的数据库中获取数据

 $.ajax({
      url:'../ajax/gettitle.php',
      type:'POST',
      data:{userid:user},
      dataType:'JSON',
      success: function(result){
         $('#title_name'+x).val(result.title_name);
      console.log(result);
      },
      error:function(status){

      }
  });

这是我的 gettitle.php

if (isset($_POST['userid'])) {
    $id = $_POST['userid'];
    $data = $user->getTitle($id);
    echo json_encode($data);
}

public function getTitle($titleid) {
    $sql = "SELECT * FROM tbl_title WHERE title_userid = '$titleid'";
    $view = $this->dbh->prepare($sql);
    $view->execute();
    $userdata = $view->fetchAll(PDO::FETCH_ASSOC);
    return $userdata;
}

这是我使用的查询..

现在我的问题是如何显示我的追加输入字段中返回的数据，因为每当我尝试它时都不会显示任何内容。
这是我的ajax调用返回的数据 我想要的是在我的输入字段上显示title_name。就像我有两个数据数据一样，两个输入字段会显示来自我数据库的数据，就像我的输入字段中有一个数据，我想要实现的是输入字段会显示出来。

Answer 1

您好你必须修改你的gettitle.php文件而不是返回它需要返回html代码的对象，你可以用你的html文件绑定它。我从你的问题中了解到，这里你需要修改 的 gettitle.php

<?php foreach(exam-array as value){ ?>
  <div class="form-group label-floating"><label class="label">title</label><input type="text" id="<?php echo value['title_name']; ?>" class="form-control"><a href="#" class="delete">Delete</a></div>
<?php } ?>

现在在sucees上调用艺术你修改这个

success: function(result){
      $(wrapper).append(result);
  }

如果您需要任何进一步的帮助，请告诉我