디스플레이 데이터

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--; 
}); 

을 cliked 입력 태그를 추가 코드가

$.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; 
} 

이며,이 쿼리 I입니다 사용 ...

이제 내 문제는 내가 아무 것도 표시하지 않을 때마다 내 추가 입력 필드에서 반환 된 데이터를 표시 할 수 있습니다.
이것은 내 아약스 전화에서 반환 된 데이터입니다 내가 원했던 것은 title_name을 입력란에 모두 표시하는 것입니다. 마치 두 개의 데이터 배열이 있다고 가정하면 두 개의 입력 필드가 데이터베이스의 데이터와 함께 나타나고 입력 필드에 입력 필드에 데이터가있는 경우 입력 필드가 표시됩니다.

Answer 1

안녕 당신은 당신의 HTML 파일로 바인딩 할 수있는 HTML 코드를 반환 해야하는 개체를 반환하는 대신 gettitle.php 파일을 수정해야합니다. 난 당신이 sucees에 이제

<?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 } ?> 

예술 전화 gettitle.php을 수정해야 할 것을 여기에 질문에서 알고있는 것처럼이 하나

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

당신이 더 필요하면 알려줘 수정 도움