私は私がボタン私は私のデータベースからデータを取得するために、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コールから返されたデータです 私の入力フィールドにtitle_name
の両方を表示したいのですが。 2つのデータ配列があると、2つの入力フィールドがデータベースからのデータで表示され、入力フィールドにデータがある場合は、入力フィールドが表示されます。
''試してみたらいつでも何も表示されませんでした」 - 何を試しましたか?問題のコードにはこれが含まれていません。一般的には、AJAX関数の 'success'コールバックでこのアクションを実行します。 – David
あなたの質問に答えるためのコードが必要です。 もう1つのことは、 '$(add_button).click()' '' 'add_button.click()' 'は十分です –
ですが、両者の違いは何ですか? '$ (add_button).click() '?? –