星空2020 2022-09-05 08:32 采纳率: 64.1%
浏览 52
已结题

一个input输入后,通过Ajax调取mySQL自动回显数据到另外两个input框

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

<?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的代码

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
</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>
 

  • 写回答

2条回答 默认 最新

  • 程序yang 全栈领域优质创作者 2022-09-05 09:32
    关注

    实现思路:
    1.先判断localid的input框输入值后,是否存在?
    2.存在则对应绑定username和team两个输入框。
    3.这里看你开发使用什么方式绑定了!!!

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 9月16日
  • 已采纳回答 9月8日
  • 创建了问题 9月5日

悬赏问题

  • ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
  • ¥15 手机接入宽带网线,如何释放宽带全部速度
  • ¥30 关于#r语言#的问题:如何对R语言中mfgarch包中构建的garch-midas模型进行样本内长期波动率预测和样本外长期波动率预测
  • ¥15 ETLCloud 处理json多层级问题
  • ¥15 matlab中使用gurobi时报错
  • ¥15 这个主板怎么能扩出一两个sata口
  • ¥15 不是,这到底错哪儿了😭
  • ¥15 2020长安杯与连接网探
  • ¥15 关于#matlab#的问题:在模糊控制器中选出线路信息,在simulink中根据线路信息生成速度时间目标曲线(初速度为20m/s,15秒后减为0的速度时间图像)我想问线路信息是什么