我知道如何使用纯 PHP 做到这一点，但我需要在不重新加载页面的情况下做到这一点。无论如何，jQuery 是否可以有效地拉回一些数据库结果（基于用户在表单的第一个文本字段中输入的内容）然后用从数据库查询中拉回的数据填充一些剩余的字段？
基本上我希望看到用户离开文本字段（通过跳出或单击下一个字段）并繁荣，使用在该字段中输入的值提交查询，然后是后续字段无需重新加载页面即可填充。
我熟悉 jQuery 的基础知识，但我没有用它来做类似的事情，我从服务器拉回数据并尝试在客户端填充它。
非常感谢任何有关如何最好地开始使用此功能的建议/示例。谢谢。
【问题讨论】：
标签： javascript jquery database ajax dynamic
假设这个例子是 HTML：
<input type="text" name="email" id="email" />
<input type="text" name="first_name" id="first_name" />
<input type="text" name="last_name" id="last_name" />
你可以有这个javascript：
$("#email").bind("change", function(e){
$.getJSON("http://yourwebsite.com/lokup.php?email=" + $("#email").val(),
function(data){
$.each(data, function(i,item){
if (item.field == "first_name") {
$("#first_name").val(item.value);
} else if (item.field == "last_name") {
$("#last_name").val(item.value);
}
});
});
});
然后你有一个 PHP 脚本（在本例中为 lookup.php），它在查询字符串中接收一封电子邮件，并返回一个 JSON 格式的数组，其中包含你想要访问的值。这是实际命中数据库以查找值的部分：
<?php
//look up the record based on email and get the firstname and lastname
...
//build the JSON array for return
$json = array(array('field' => 'first_name',
'value' => $firstName),
array('field' => 'last_name',
'value' => $last_name));
echo json_encode($json );
?>
你会想做其他事情，比如清理电子邮件输入等，但应该让你朝着正确的方向前进。
【讨论】：
自动填充数组中的所有表单域
http://jsfiddle.net/brynner/wf0rk7tz/2/
JS
function fill(a){
for(var k in a){
$('[name="'+k+'"]').val(a[k]);
}
}
array_example = {"God":"Jesus","Holy":"Spirit"};
fill(array_example);
HTML
<form>
<input name="God">
<input name="Holy">
</form>
【讨论】：
如果您需要访问数据库，则需要再次访问 Web 服务器（大部分情况下）。
您可以做的是使用 AJAX，它向您网站上的另一个脚本发出请求以检索数据、获取数据，然后更新您想要的输入字段。
可以在 jquery 中使用 $.ajax() 函数调用进行 AJAX 调用，所以会发生这种情况
用户的浏览器输入触发触发 AJAX 调用的输入
$('input .callAjax').bind('change', function() {
$.ajax({ url: 'script/ajax',
type: json
data: $foo,
success: function(data) {
$('input .targetAjax').val(data.newValue);
});
);
现在您需要将 AJAX 调用指向脚本（听起来您正在使用 PHP），它将执行您想要的查询并发送回数据。
您可能希望使用 JSON 对象调用，以便可以传回一个 javascript 对象，这将比返回 XML 等更容易使用。
php函数json_encode($phpobj);会有用的。
【讨论】：