Comment remplissage automatique d'autres champs de formulaire sur cliquez avec PHP

J'ai un formulaire simple maintenant:

<form action='<? echo $PHP_SELF;?>' method='POST'>
Username:<input type='text' name='username'><br>
Email:<input type='text' name='email'><br>
Posts:<input type='text' name='posts'><br>
Joindate<input type='text' name='join'><br>
<input type="submit" value="Submit" />

Ce que je besoin est, lorsque l'utilisateur remplit son nom d'utilisateur et effectue l'une des opérations suivantes:
1.appuie sur tab
2.Appuie sur entrée
3.clique sur un bouton chercher(fetch bouton n'existe pas maintenant,je voudrais savoir comment faire pour le créer à l'aide de javascript ou autre chose qui convient à mes critères)

Une fois qu'il fait tout de ce qui précède, il devrait générer automatiquement les champs de la base de données.
La requête devrait ressembler à ceci:
$req=mysql_query("SELECT * from utilisateur where username =$_POST['username']");
$row=mysql_fetch_assoc('$req);
echo $row['posts] et ainsi de suite..

Après il est généré automatiquement, il peut modifier les champs et de les soumettre à mettre à jour les champs de base de données.

Voici mon code mis à jour:

<head>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
</head>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>"  method="POST">
<fieldset>
<legend>Form</legend>
<label for="username">Username: </label>
<input type="text" id="username"  name="username" /> 
<button onclick="myrequest()">fetch</button>
<label for="posts">Posts: </label>
<input type="text" id="posts" name="posts"  size="20"/>
<label for="joindate">Joindate: </label>
<input type="text" id="joindate" name="joindate"  size="20"/>
<p><input type="submit" name="submitBtn" value="Submit" /></p>
</fieldset>
</form>
<script type="javascript/text>
function myrequest() {
var name = $('.username').val();
$.ajax({
method: "GET",
url: "http://url.com/test/autofill.php",
dataType: 'json',
data: {
username: username
}).success(function( responseObject ) {
//assuming you have an array of stuff like name, id, email, etc.
//now i populate another field from the ajax response
$('.posts').val( responseObject.posts );
});
} 
And then in the autofill.php
//connect to database
$name = $_GET['username'];
$return = mysql_query("SELECT * FROM user WHERE username = '$name' LIMIT 1");
$rows = mysql_fetch_array($return);
$formattedData = json_encode($rows);
print $formattedData;
InformationsquelleAutor Micheal | 2012-01-25