に思えます。 PDOは、サーバー側で実行され、データベースサーバーと通信します。 JavaScript(この場合はjQuery)はクライアント側で動作し、DOM上で動作します。 AJAXは、これら2つの間の接続の一種です。
データベースからいくつかの値を入力フィールドを移入したいのであれば、あなたはサーバー側でそれを行うことができ、次のいずれか
<?php
//run query, fetch array and store it in $sport
?>
<input type="text" name="full_name" value="<?php echo $sport['full-name']; ?>" />
<input type="text" name="short_name" value="<?php echo $sport['short-name']; ?>" />
<input type="text" name="abbreviation" value="<?php echo $sport['abb-name']; ?>" />
それとも、クライアント側でそれを行うことができます(たとえば、もしユーザーは/何でも)リンク/ボタンをクリックする:
<?php
//this is the script you make an AJAX-request to, e.g. get_data.php
//run query, fetch array and store it in $sport
echo json_encode($sport); //echo the array in JSON-format
ユーザーに提供。これは、ページです:
...
<input type="text" name="full_name" id="input-full-name" value="" />
<input type="text" name="short_name" id="input-short-name" value="" />
<input type="text" name="abbreviation" id="input-abb-name" value="" />
...
<button id="populate_btn">Populate Data</button>
<scrip>
$('#populate_btn').click(functiion(){
$.post('get_data.php', {}, function(sport) {
//sport now contains the json-array
$.each(sport, function(key, value) {
$('#input-'+key).val(value);
});
});
});
</script>
それは非常に基本的な例ですが、私はあなたがその考えを得ることを願っています。また、指定されたAJAXの例は、配列のキーがある種の入力フィールドのid
属性と一致する場合にのみ機能します(例:$sport['full-name'] and <input id="input-full-name" />
)。これにより、作業がはるかに簡単になります。