我现在有一个简单的表单：
<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" />
我需要的是，当用户填写用户名并执行以下操作之一时：1.按下选项卡2.按下回车键3.点击获取按钮（获取按钮现在不存在，我想知道如何使用javascript或任何其他适合我的标准的东西来创建它）
一旦他完成了上述任何操作，它就会自动从数据库中生成剩余的字段。查询如下所示：$qry=mysql_query（"SELECT*from user where username=$_POST['username']"）；$row=mysql_fetch_assoc（'$qry）；echo$row['posts]等等..
自动生成后，他可以编辑字段并提交以更新数据库字段。
这是我更新的代码：
<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;
创建一个php端点（基本上是一个url，您可以在其中调用特殊的php函数，它只返回您想要的数据），该端点返回一个json_encode'd数组和所有其他字段的信息。
根据您的偏好，当第一个字段失去焦点或发生更改（或按下按钮）时，通过ajax调用该函数。
然后使用javascript，使用您从ajax响应中得到的内容来填充其他字段。
autoFill.php
$name = $_GET['name'];
$return = mysql_query("SELECT * FROM someTable WHERE username = '$name' LIMIT 1");
$rows = mysql_fetch_array($return);
$formattedData = json_encode($rows);
print $formattedData;
Javascript（使用jquery）//从第一个字段中获取val
$(document).ready(function() {
function myrequest(e) {
var name = $('.username').val();
$.ajax({
method: "GET",
url: "/echo/json/", /* online, change this to your real url */
data: {
username: name
},
success: function( responseObject ) {
alert('success');
$('#posts').val( 'posts' );
$('#joindate').val('testing join date');
/*
once you've gotten your ajax to work, then go through and replace these dummy vals with responseObject.whatever
*/
},
failure: function() {
alert('fail');
}
});
}
$('#fetchFields').click(function(e) {
e.preventDefault();
myrequest();
});
});