ajax 制作表格带查询参数,查询表格——建立动态表格,使用ajax输入查询条件将后台数据查询出来以表格的形式展示出来...
function search(){
$.ajax({
type:‘Post‘,
url:"FtpAction_listUserQuery",
data:{
telephone:$(‘#telephone‘).val(),//获取到查询条件中电话号码的内容
startTime:$(‘#startTime‘).val(),//获取到查询条件中的开始时间的内容
endTime:$(‘#endTime‘).val(),//获取到查询条件中的结束时间的内容
fiberopticnumber:$(‘#fiberopticnumber‘).val()//获取到查询条件中分纤箱号的内容,并将查询条件传送给后台
},
dataType:‘json‘,
success:function (data) {
if(data!=null){
var table = document.getElementById("table");
//建立动态表格,字段id号应和数据库中的字段一致,并且只显示表头字段显示的内容,其他的字段信息隐藏显示。
var rows=table.rows.length;
for(var i=0;i
var row = table.insertRow(table.rows.length);
var c1 = row.insertCell(0);
c1.innerHTML = data[i].id;
c1.style.display=‘none‘;
var c2 = row.insertCell(1);
c2.innerHTML = data[i].customer;
c2.style.display=‘none‘;
var c3 = row.insertCell(2);
c3.innerHTML = data[i].phonenumber;
c3.style.display=‘none‘;
var c4 = row.insertCell(3);
c4.innerHTML = data[i].username;
var c5 = row.insertCell(4);
c5.innerHTML = data[i].couties;
var c6 = row.insertCell(5);
c6.innerHTML = data[i].subtype;
c6.style.display=‘none‘;
var c7 = row.insertCell(6);
c7.innerHTML = data[i].subname;
c7.style.display=‘none‘;
//将录入时间对象中的参数穿进来
var c8 = row.insertCell(7);
c8.innerHTML = data[i].dateString;
c8.style.display=‘none‘;
var c9 = row.insertCell(8);
c9.innerHTML = data[i].detailedaddress;
c9.style.display=‘none‘;
var c10 = row.insertCell(9);
c10.innerHTML = data[i].fiberopticnumber;
var c11 = row.insertCell(10);
c11.innerHTML = data[i].fenqianlocation;
c11.style.display=‘none‘;
var c12 = row.insertCell(11);
c12.innerHTML = data[i].door;
c12.style.display=‘none‘;
var c13 = row.insertCell(12);
c13.innerHTML = data[i].live;
c13.style.display=‘none‘;
var c14 = row.insertCell(13);
c14.innerHTML = data[i].provider;
c14.style.display=‘none‘;
var c15 = row.insertCell(14);
c15.innerHTML = data[i].expire;
c15.style.display=‘none‘;
//插入详情按钮,当点击详情按钮的时候,以弹框的内容将所有隐藏信息显示出来。
var c16 = row.insertCell(15);
c16.innerHTML = ‘详情‘;
}
}else{
alert("没有找到符合此条件的信息或者输入错误!");
return false;
}
}
});}
ajax 制作表格带查询参数,查询表格——建立动态表格,使用ajax输入查询条件将后台数据查询出来以表格的形式展示出来...相关推荐
- 查询表格——建立动态表格,使用ajax输入查询条件将后台数据查询出来以表格的形式展示出来...
建立动态表格,使用ajax将前台查询条件传给后台,并将查询结果以表格的形式展示出来. 页面的展示效果如下图所示: 第一步:查询条件的部分: 代码如下: <div class="text ...
- Solr4:查询参数fq的用法(对结果进行过滤;两组关键词组合查询)
Solr查询参数文档可以参考: http://wiki.apache.org/solr/CommonQueryParameters#head-6522ef80f22d0e50d2f12ec487758 ...
- html弹窗赋值给查询框,bootstrap模态框动态赋值, ajax异步请求数据后给id为queryInfo的模态框赋值并弹出模态框(JS)...
/查询单个 function query(id) { $.ajax({ url : "/small/productServlet", async : true, type : &q ...
- pandas 第一行_用Excel表格带你学习pandas最核心的处理操作,不再害怕条件统计
此系列文章收录在公众号中:数据大宇宙 > 数据处理 >E-pd 转发本文并私信我"python",即可获得Python资料以及更多系列文章(持续更新的) 经常听别人说 ...
- html获取url后面的参数_Golang Gin 实战(四)| URL查询参数的获取和原理分析
在 上一篇 Golang Gin 实战(三)| 路由参数 文章中,主要介绍了路由通配符.路由参数,让我们有了一种可以从URL路径中获取参数的方式,同时又不是重复的注册相似的路由. 这一篇,主要介绍查询 ...
- mql 查询多结果_一篇文章带你全面掌握Excel中的各种数据查询知识与技巧
数据查询是Excel数据处理中的一项核心业务,也是日常办公中使用频率非常高的一项操作.数据查询业务需求多,而且具有较强的技巧性,因此它也是职场必学的一门技能. 本篇文章从最基本的数据查询的概念讲起,逐 ...
- java web 耗时请求_javaweb应用中出现了一个耗时异常长的数据查询,寻求帮助
项目使用SSM,oracle 11g,linux服务器,生产环境与测试环境代码相同,数据库不同,相关细节配置可能不同. 业务需要根据关键字查询系统中人员的相关信息,用户输入一个关键字,能够模糊查询一张 ...
- Web前端工作笔记002---json数据查询的方法_json查询大全,JsonSQL数据查询,jfunk数据查询
JAVA技术交流QQ群:170933152 json数据查询的方法 网上看到有一篇帖子,有8种json数据查询的方法,大家可以研究一下,我现在分享一下! JsonSQL JsonSQL实现了使用SQL ...
- 【MySQL】mysql:重复数据查询 sql
目录 一.准备测试表 (1)创建表 (2)查询表 (3)删除表 二.准备测试数据 (1)插入数据 (2)查询数据 三.重复数据查询 (1)查询 numid 相同,而 testname 不同,不包括同 ...
最新文章
- 在职计算机答辩没有通过,在职研究生论文答辩没通过可以重新申请吗?
- Laravel自定义分页样式
- 【NLP】用code2vec、glow和spaCy进行词嵌入
- eclipse The current branch is not configured for pull No value for key remote.origin
- C++关系运算符重载
- ajax工具怎么安装,AJAX工具
- 【转】Asp.net控件开发学习笔记整理篇 - 数据回传
- 分布式系统:一致性协议
- JEECG社区公司,招聘全职JAVA工程师(全职)
- php如何控制用户对图片的访问 PHP禁止图片盗链
- DataReader对象的基本使用 c#
- 解决vSphere性能不佳的技巧
- CSDN使用富文本编辑器为所发布的文章生成右侧目录
- ros melodic控制真实机械臂之moveit_setup_assistant配置
- c语言的高级编程,C语言高级编程
- GAE-BBS v.10 开源下载
- Arcgis更换布局模板_小美AI触屏音箱评测 美的布局AloT的关键一环
- 基于SpringBoot的救援物资管理系统
- 悬臂梁振动方程及仿真
- Java、某天是星期几
热门文章
- 华为回应申请大量“鸿蒙”商标;5G第一个演进版本标准正式完成;SUSE 收购 Rancher Labs| 极客头条
- 应用10秒部署、成本降低50% 阿里云serverless容器改写云计算极限
- AI 换脸冲上 GitHub TOP1,如何一键生成亲妈都不认识的自己?
- 瑞幸咖啡 CEO 和 COO 被暂停职务;快手起诉抖音索赔 500 万元;Wine 5.8 发布 | 极客头条...
- Serverless 的前世今生
- 三大运营商将解决新老用户套餐不同权问题;罗永浩与抖音合作;Git 2.26发布 | 极客头条...
- 达摩院实现自动驾驶核心技术突破,首次实现3D物体检测精度与速度的兼得
- 抗住百万人直播、被联合国推荐,起底飞书技术演进之路!
- 换种思维看互联网公司分配时间!
- Elasticsearch 高并发写入优化的开源协同经历 | 技术头条