input框localid输入值后,通过Ajax调取mySQL自动回显数据到另外两个username和team里,
然后提交数据到数据库。
mysql表:demo
DROP TABLE IF EXISTS `demo`;
CREATE TABLE `demo` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`localid` varchar(255) DEFAULT NULL,
`username` varchar(255) DEFAULT NULL,
`team` varchar(255) DEFAULT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;
INSERT INTO `demo` VALUES (1,'JC','JJCC','23'),(2,'TB','TTBB','32'),(3,'YC','YYCC','44');
链接数据库,conn.php
// 创建连接
$conn = new mysqli("localhost", "root", "root", "study", 3306);
$conn->set_charset("utf8");
// 检测连接
if ($conn->connect_error) {
die("数据库连接失败: " . $conn->connect_error);
}
?>
HTML输入页面:demo.html
需要ajax的赋值代码及submit的代码
html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Documenttitle>
head>
<body>
<form>
<input type="text" name="localid">
<input type="text" name="username">
<input type="text" name="team">
<button>提交button>
form>
<script>
//ajax根据input框的localid从数据库获取另外两个值并自动赋值到username和team框
url:demo_ajax.php//使用php后台获取数据
script>
body>
html>
实现思路:
1.先判断localid的input框输入值后,是否存在?
2.存在则对应绑定username和team两个输入框。
3.这里看你开发使用什么方式绑定了!!!
从后台数据库获取数据绑定到前端,这个逻辑有什么问题吗,不知道你具体要做什么?