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

一个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 乌班图ip地址配置及远程SSH
  • ¥15 怎么让点阵屏显示静态爱心,用keiluVision5写出让点阵屏显示静态爱心的代码,越快越好
  • ¥15 PSPICE制作一个加法器
  • ¥15 javaweb项目无法正常跳转
  • ¥15 VMBox虚拟机无法访问
  • ¥15 skd显示找不到头文件
  • ¥15 机器视觉中图片中长度与真实长度的关系
  • ¥15 fastreport table 怎么只让每页的最下面和最顶部有横线
  • ¥15 java 的protected权限 ,问题在注释里
  • ¥15 这个是哪里有问题啊?