検索をする際一文字ずつ入れてデータベースを反映したい

質問

質問タイトルが分かりにくくてすいません。

現在、データベースに登録しているユーザのデータを
引っ張ってくるアプリを作っています。
普通にテキストエリアにユーザー名を入れて
検索ボタンを押して、
検索結果を出すのは可能なのですが、
最近よく見かける「郵便番号入力による住所検索」のように
郵便番号を入力し終わると勝手に結果が表示される見たいな物を
作りたいと思っております。

データベースはMySQLを使っているので
きっとAJAX＋PHP＋MySQLで実現できると思うのですが具体的に
どのようにプログラムを書くのか分かる方
ご教授ください。

回答No.2

yambejp

1文字ずつ評価するのでないなら文字数を数えた上で
submitすればよいでしょう。

<script language=javascript>
function check(obj){
if (obj.value.length!=5) return false;
obj.form.submit();
}
</script>
<form>
<input type="text" onkeyup="check(this);">
</form>

ajaxを使えばフォーカスははずれないと思いますけど。

補足

ajaxの具体的な使い方が書いてあるサイトとかありますか？
サンプルとかあればありがたいんですが

回答No.1

shirayukix

どこまで作ってみましたか？
ゼロから説明するのは大変です。

補足

こんな感じになってます
<?
//受信データ処理
$userid1 = ($_POST["userid_01"]);

$sql = "SELECT * FROM xxxxxx where user_id = '$userid1'";
$res = mysql_query($sql, $conn) or die("データ抽出エラー");
while ($row = mysql_fetch_array($res, MYSQL_ASSOC)) {
$user_no = ($row["user_no"]);
$user_pass = ($row["user_pass"]);
$user_email = ($row["user_email"]);
$user_course = ($row["user_course"]);
$user_masterlv = ($row["user_masterlv"]);
}?>
</p>
<form name="form1" method="post" action="user_inquiry.php">
<label>
<input name="userid_01" type="text" id="userid_01" onkeyup="submit();" value="<? echo $userid1;?>">
</label>
<label></label>
</form>
今この状態だと1文字入れるたびにサブミットされ、
フォーカスがテキストエリアから抜けてしまいます。
フォーカスが離れないように入力を反映できるようにしたいです。
よろしくお願いします。