php mysql刷新表格_php读入mysql数据并以表格形式显示(表单实现无刷新提交)
在网上参考了些例子,于是我这个sample实现了如标题上的功能。话不多说,上代码:
lishi.html
搜索
form#form1 {
height: 93%;
}
p {
width: 99%;
height: 84%;
}
iframe#id_iframe {
width: 99%;
height: 100%;
border: 0 red solid;
}
input{display:block;}
/* 拖拽*/
html, body
{
height:100%;
overflow:hidden;
}
body, div, h2
{
margin:0;
padding:0;
}
body{font:12px/1.5 Tahoma;}
center{padding-top:10px;}
button{cursor:pointer;}
#overlay
{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0);
opacity:0.5;
filter:alpha(opacity=50);
display:none;
}
#win
{
position:absolute;
top:50%;
left:50%;
margin:-104px 0 0 -204px;
width:50%;
height:50%;
background:#fff;
border:4px solid #f90;
display:none;
}
h2
{
font-size:12px;
height:18px;
text-align:right;
background:#FC0;
border-bottom:3px solid #f90;
padding:5px;
cursor:move;
}
h2 span
{
color:#f90;
cursor:pointer;
background:#fff;
border:1px solid #f90;
padding:0 2px;
}
window.οnlοad=function()
{
var oWin=document.getElementById("win");
var oLay=document.getElementById("overlay");
var oBtn=document.getElementsByTagName("button")[0];
var oClose=document.getElementById("close");
var oH2=oWin.getElementsByTagName("h2")[0];
var bDrag=false;
var disX=disY=0;
oBtn.οnclick=function()
{
oLay.style.display="block";
oWin.style.display="block";
}
oClose.οnclick=function()
{
oLay.style.display="none";
oWin.style.display="none"
}
oH2.οnmοusedοwn=function(event)
{
var event=event||window.event;
bDrag=true;
disX=event.clientX-oWin.offsetLeft;
disY=event.clientY-oWin.offsetTop;
};
document.οnmοusemοve=function(event)
{
if(!bDrag) return;
var event=event||window.event;
var iL=event.clientX-disX;
var iT=event.clientY-disY;
var maxL=document.documentElement.clientWidth-oWin.offsetWidth;
var maxT=document.documentElement.clientHeight-oWin.offsetHeight;
iL=iL<0?0:iL;
iL=iL>maxL?maxL:iL;
iT=iT<0?0:iT;
iT=iT>maxT?maxT:iT;
oWin.style.marginTop=oWin.style.marginLeft=0;
oWin.style.left=iL+"px";
oWin.style.top=iT+"px";
};
document.οnmοuseup=function ()
{
bDrag=false;
};
};
input{
display: inline-block;
margin-top: 3%;
}
input#tijiao {
float: right;
margin-right: 9%;
}
input#txt_uname {
text-align: center;
margin-left: 3%;
width: 55%;
}
×
弹出层
上面的代码是为了实现弹出窗口。其效果图;
接下来连接数据库lishi.php:
tr:hover{
background-color: aquamarine;
}
$servername = "服务器名称";
$username = "用户名";
$password = "密码";
$dbname = "数据库名";
?>
if (isset($_GET['uname'])) {
//连上数据库
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
// 设置编码,防止中文乱码
mysqli_query($conn , "set names utf8");
//查找
$sql = "SELECT * FROM 表名字 WHERE 属性名 LIKE '%".$_GET['uname']."%'";//实现模糊查询
//执行
$result = $conn->query($sql);
//输出值
if ($result->num_rows > 0) {
// 输出每行数据
echo '
ID | 名称 | 描述 |
while($row = $result->fetch_assoc()) {
echo "
{$row['id']} ".
"
{$row['person_name']} ".
"
{$row['description']} ".
// "
{$row['submission_date']} ".
"
";
}echo '
';
} else {
echo "没数据";
}
//关闭数据库连接,释放资源
$conn->close();
}
?>
最后,在lishi.html中win里添加表单,并将表单的action属性指向lishi.php。所以lishi.html的body部分更改为:
×
//target指向空白的iframe目的为了实现表单的无刷新提交
//target指向空白的iframe目的为了实现表单的无刷新提交
以上就是今天的sample了,效果图:
内容来源于网络如有侵权请私信删除
php mysql刷新表格_php读入mysql数据并以表格形式显示(表单实现无刷新提交)相关推荐
- ajax异步实现表单的无刷新验证
在 实现ajax异步实现表单的无刷新验证之前我们先要了解什么是异步什么是同步 "同步模式"就是上一段的模式,后一个任务等待前一个任务结束,然后再执行,程序的执行顺序与任务的排列顺序 ...
- xlsx表格怎么筛选重复数据_excel表格如何筛选重复数据 在Excel表格的两列数据中提取不重复值的四种方法...
excel表格如何筛选重复数据 在Excel表格的两列数据中提取不重复值的四种方法,最近到了季度汇报的时候,掌握一手excel技能在此刻显得多么重要,为了是你的excel看起来更高大上,今天教大家设置 ...
- html表格中绑定显示xml文档内容的简单实例,JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)...
本文实例讲述了JS读取XML文件数据并以table形式显示数据的方法.分享给大家供大家参考,具体如下: 先看xml文件: 张秋丽 女 18 李文才 男 31 李斯文 男 22 马英 女 25 孙红雷 ...
- R语言write.xlsx函数将数据写入Excel文件:写入Excel文件并自定义表单的名称、将数据写入Excel文件新的表单(sheet)中、将文件保存为xls文件格式(而不是xlsx)
R语言write.xlsx函数将数据写入Excel文件:写入Excel文件并自定义表单的名称.将数据写入Excel文件新的表单(sheet)中.将文件保存为xls文件格式(而不是xlsx) 目录
- form表单以ajax方法提交,附加额外的数据
在项目中有个添加账户的模块,如下图.填写的信息以表单是形式ajax的方法提交,但是又需要添加额外信息给后台(比如:创建人),首先要引入JQuery.js库,和jquery.form.js var op ...
- php从mysql资源类型_php从mysql里读出来的数据默认什么类型?
php是弱类型语言,但是不代表没有类型,或者随便什么类型. 一个典型的例子就是从mysql数据库里读出来的数据,其类型会和数据库里定义的类型一致吗? $DB_CONN = mysql_connect( ...
- MySQL数据库基础(三)数据的导入导出、管理表记录、匹配条件
数据的导入导出 搜索路径 查看搜索路径 安装时已经自动创建 命令:mysql > show variables like "secure_file_priv"; mysql& ...
- php+mysql投票代码_PHP+jQuery+MySql实现红蓝投票功能
本文是一篇综合知识应用类文章,需要您具备PHP.jQuery.MySQL以及html和css方面的基本知识.本文在<PHP+MySql+jQuery实现的"顶"和" ...
- php连接mysql乱码原因_PHP连接MYSQL出现乱码的原因与解决办法
PHP连接mysql出现乱码的原因与解决方法 解决MySql数据库乱码的一个首要前提是保证 数据库+数据表+前端显示 编码一致,国内项目一般统一设定为GB2312或GBK,而国际化项目则一般使用utf ...
最新文章
- WinDbg+SOS:Web服务器High CPU Hang(100%)实例分析
- python爬虫代理池_python爬虫之ProxyPool(代理ip地址池的构建)
- Linux学习笔记2_centos7远程登陆前的总结
- android 清空所有控件,如何清空android ListView控件的内容
- 手机处理器排行榜2019_手机处理器AI性能排行榜出炉,高通骁龙第一,华为排在第十名...
- 后序线索树怎样画图_算法新解刘新宇(二)二叉搜索树:数据结构中的“hello world”...
- 网页设计工资一般多少_理发师工资一般多少钱一个月
- windows下python环境搭建_Win7怎么搭建Python环境 win7系统搭建Python环境的方法
- 计算机电路基础填空题,计算机电路基础期末复习练习题.doc
- java c# 线程,DART隔离和线程(Java,C#)之间的区别
- 蒲公英自动更新版本管理以及更新后展示引导图
- 你知道defer的坑吗?
- python实现给定一个字符串,寻找最长非重复子串
- 不要打开文件,阅读Rvt信息档案
- linux如何解除密码锁屏图案大全,忘记锁屏图案密码的六种解决办法
- educoder结构化分析方法-实体-联系图
- HTML常用标签详解
- Spring ioc 详解
- android端接入腾讯云直播全过程详解(包含腾讯云点播、腾讯云IM)直播+弹幕+录制直播视频
- linux添加五笔输入法,在Ubuntu16.04中为fctix小企鹅增加五笔输入法
热门文章
- java jpa 异步编程_异步处理时的JPA
- input发送a.jax_Java EE 7 / JAX-RS 2.0:具有自定义HTTP标头的简单REST API身份验证和授权...
- 在硒中查找具有链接文本和部分链接文本的元素
- java8 base64_Java 8中的Base64 –加入乐趣为时不晚
- Jenkins在AWS上(第1部分)
- 使用Spring Security和OAuth 2.0保护Spring微服务架构
- 近似线性依靠matlab_不要仅仅依靠单元测试
- java web ee_Java EE 6 Web配置文件。 在云上。 简单。
- 如何在单个API中支持Java 6、8、9
- 交叉编译指定运行时库路径_运行时vs编译时类路径