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输入查询条件将后台数据查询出来以表格的形式展示出来...相关推荐

  1. 查询表格——建立动态表格,使用ajax输入查询条件将后台数据查询出来以表格的形式展示出来...

    建立动态表格,使用ajax将前台查询条件传给后台,并将查询结果以表格的形式展示出来. 页面的展示效果如下图所示: 第一步:查询条件的部分: 代码如下: <div class="text ...

  2. Solr4:查询参数fq的用法(对结果进行过滤;两组关键词组合查询)

    Solr查询参数文档可以参考: http://wiki.apache.org/solr/CommonQueryParameters#head-6522ef80f22d0e50d2f12ec487758 ...

  3. html弹窗赋值给查询框,bootstrap模态框动态赋值, ajax异步请求数据后给id为queryInfo的模态框赋值并弹出模态框(JS)...

    /查询单个 function query(id) { $.ajax({ url : "/small/productServlet", async : true, type : &q ...

  4. pandas 第一行_用Excel表格带你学习pandas最核心的处理操作,不再害怕条件统计

    此系列文章收录在公众号中:数据大宇宙 > 数据处理 >E-pd 转发本文并私信我"python",即可获得Python资料以及更多系列文章(持续更新的) 经常听别人说 ...

  5. html获取url后面的参数_Golang Gin 实战(四)| URL查询参数的获取和原理分析

    在 上一篇 Golang Gin 实战(三)| 路由参数 文章中,主要介绍了路由通配符.路由参数,让我们有了一种可以从URL路径中获取参数的方式,同时又不是重复的注册相似的路由. 这一篇,主要介绍查询 ...

  6. mql 查询多结果_一篇文章带你全面掌握Excel中的各种数据查询知识与技巧

    数据查询是Excel数据处理中的一项核心业务,也是日常办公中使用频率非常高的一项操作.数据查询业务需求多,而且具有较强的技巧性,因此它也是职场必学的一门技能. 本篇文章从最基本的数据查询的概念讲起,逐 ...

  7. java web 耗时请求_javaweb应用中出现了一个耗时异常长的数据查询,寻求帮助

    项目使用SSM,oracle 11g,linux服务器,生产环境与测试环境代码相同,数据库不同,相关细节配置可能不同. 业务需要根据关键字查询系统中人员的相关信息,用户输入一个关键字,能够模糊查询一张 ...

  8. Web前端工作笔记002---json数据查询的方法_json查询大全,JsonSQL数据查询,jfunk数据查询

    JAVA技术交流QQ群:170933152 json数据查询的方法 网上看到有一篇帖子,有8种json数据查询的方法,大家可以研究一下,我现在分享一下! JsonSQL JsonSQL实现了使用SQL ...

  9. 【MySQL】mysql:重复数据查询 sql

    目录 一.准备测试表 (1)创建表 (2)查询表 (3)删除表 二.准备测试数据 (1)插入数据 (2)查询数据 三.重复数据查询 (1)查询 numid 相同,而 testname 不同,不包括同 ...

最新文章

  1. 在职计算机答辩没有通过,在职研究生论文答辩没通过可以重新申请吗?
  2. Laravel自定义分页样式
  3. 【NLP】用code2vec、glow和spaCy进行词嵌入
  4. eclipse The current branch is not configured for pull No value for key remote.origin
  5. C++关系运算符重载
  6. ajax工具怎么安装,AJAX工具
  7. 【转】Asp.net控件开发学习笔记整理篇 - 数据回传
  8. 分布式系统:一致性协议
  9. JEECG社区公司,招聘全职JAVA工程师(全职)
  10. php如何控制用户对图片的访问 PHP禁止图片盗链
  11. DataReader对象的基本使用 c#
  12. 解决vSphere性能不佳的技巧
  13. CSDN使用富文本编辑器为所发布的文章生成右侧目录
  14. ros melodic控制真实机械臂之moveit_setup_assistant配置
  15. c语言的高级编程,C语言高级编程
  16. GAE-BBS v.10 开源下载
  17. Arcgis更换布局模板_小美AI触屏音箱评测 美的布局AloT的关键一环
  18. 基于SpringBoot的救援物资管理系统
  19. 悬臂梁振动方程及仿真
  20. Java、某天是星期几

热门文章

  1. 华为回应申请大量“鸿蒙”商标;5G第一个演进版本标准正式完成;SUSE 收购 Rancher Labs| 极客头条
  2. 应用10秒部署、成本降低50% 阿里云serverless容器改写云计算极限
  3. AI 换脸冲上 GitHub TOP1,如何一键生成亲妈都不认识的自己?
  4. 瑞幸咖啡 CEO 和 COO 被暂停职务;快手起诉抖音索赔 500 万元;Wine 5.8 发布 | 极客头条...
  5. Serverless 的前世今生
  6. 三大运营商将解决新老用户套餐不同权问题;罗永浩与抖音合作;Git 2.26发布 | 极客头条...
  7. 达摩院实现自动驾驶核心技术突破,首次实现3D物体检测精度与速度的兼得
  8. 抗住百万人直播、被联合国推荐,起底飞书技术演进之路!
  9. 换种思维看互联网公司分配时间!
  10. Elasticsearch 高并发写入优化的开源协同经历 | 技术头条