2017-05-18 9 views
-4

私は私がボタン私は私のデータベースからデータを取得するために、AJAX呼び出しを使用表示データ

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です使用する..

今私の問題は私が何かを表示しようとするたびに私の追加入力フィールドから返されたデータを表示することができます。
これは私のajaxコールから返されたデータですenter image description here 私の入力フィールドにtitle_nameの両方を表示したいのですが。 2つのデータ配列があると、2つの入力フィールドがデータベースからのデータで表示され、入力フィールドにデータがある場合は、入力フィールドが表示されます。

+3

''試してみたらいつでも何も表示されませんでした」 - 何を試しましたか?問題のコードにはこれが含まれていません。一般的には、AJAX関数の 'success'コールバックでこのアクションを実行します。 – David

+1

あなたの質問に答えるためのコードが必要です。 もう1つのことは、 '$(add_button).click()' '' 'add_button.click()' 'は十分です –

+0

ですが、両者の違いは何ですか? '$ (add_button).click() '?? –

答えて

0

こんにちは、オブジェクトを返す代わりにgettitle.phpファイルを変更する必要があります.HTMLコードを返す必要があります.HTMLコードは、HTMLファイルとバインドできます。私はあなたが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 } ?> 

は、あなたがそれ以上必要な場合は、私に教えてください、あなたはこの1つ

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

を変更する芸術を呼び出す gettitle.phpを修正するために必要なもの、ここで、あなたの質問から理解で