网页表单自动填充数据

[zhongxingjun]

一个HTML页有一个表单，想实现这样的功能，只要输入名字，就会把该名字对应的生日，就会在php代码中根据输入的名字进行数据库查询，把该名字对应的年龄，工作时间自动填充到相应的文本框，不需要自己手动输入。（不刷性的情况下实现），最好是js实现。ajax不懂

[PIGer920]

那就是ajax了。。。
ajax也是js

[zhongxingjun]

有没有详细点的，最好来点代码

[zhongxingjun]

ding yi xia

[Abin-2008]

就是用ajax了....
這個是最佳辦法...

[lukuangxia]

ajax啊
代码，只能给你创建ajax对象的代码，其余代码要自己写

[程序猿之殇]

AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术.
Javascript只是其中的一部分.

你需要与后台交互,一种是利用ajax这种技术,一是用传统的方式利用隐藏iframe进行获取.
jquery封装了对js的一些常规操作,对照手册很容易完成你这个需求.

[ghostwuboy]

ajaxform.php:
<table>
<tr>
	<td>
		userName:
	</td>
	<td>
		<input type="text" name="user" id="user" value="" onchange="postValue()"/>
	</td>
</tr>
<tr>
	<td>
		age:
	</td>
	<td>
		<input type="text" name="age" id="age" value="" />
	</td>
</tr>
<tr>
	<td>
		workTime:
	</td>
	<td>
		<input type="text" name="worktime" id="worktime" value="" />
	</td>
</tr>
</table>
<script>

var xmlHttp;
function GetXmlHttpObject(){
	
	var xmlHttp=null;
	try {
		
	 // Firefox, Opera 8.0+, Safari
	 xmlHttp=new XMLHttpRequest();
	 } catch (e) {
	 	
	 //Internet Explorer
		try {
		
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
		
			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
	 }
	return xmlHttp;
}

function postValue(){
	
	xmlHttp=GetXmlHttpObject();
	if(xmlHttp==null) {
		
		alert ("Browser does not support HTTP Request");
		return;
	}
	var user=document.getElementById("user");
	var url="get.php?";
	var postdate="value="+user.value;
	xmlHttp.onreadystatechange=stateChanged;
	xmlHttp.open("POST",url,true);
	xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
	xmlHttp.send(postdate);
	}

function stateChanged() { 
	
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="200"){
	
		var str_text=xmlHttp.responseText;
		if (str_text == "")
			alert("没有这个名字的数据");
		else {
			
			str_text = str_text.split('|');
			document.getElementById("age").value = str_text[0];
			document.getElementById("worktime").value = str_text[1];
		}
	} 
}
</script>



get.php:
<?php
$arr = array(
	'zhangsan'=>array(
		'age'=>33,
		'worktime'=>10
	),
	'lisi'=>array(
		'age'=>34,
		'worktime'=>11
	),
	'wangwu'=>array(
		'age'=>35,
		'worktime'=>12
	),
	'zhangliu'=>array(
		'age'=>36,
		'worktime'=>13
	)
);
if (isset($_POST['value']) && $_POST['value'] != "") {
	
	foreach($arr as $k=>$v) {
		
		if ($k == trim($_POST['value'])) {
			
			echo $v['age'] . '|'. $v['worktime'];
		} 
	}
}
?>