Jquery条件查询

最新推荐文章于 2022-12-22 13:51:44 发布
最新推荐文章于 2022-12-22 13:51:44 发布
阅读量874 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44561520/article/details/96423053
版权 

开发工具与关键技术：SQL Server 2014与jquery

作者：戴怡斌 

撰写时间：2019年7月17日

在设置页面的时候，如果要渲染表格，那就肯定会用到查询，而如果你渲染出来的数据太多，就会用到分页，这些其实都不重要，重要的是你要学会偷懒，在程序员的世界里，不会偷懒那就不配是个程序员。

下面来看一个小案例，条件查询，就是在很多数据面前使用的，一条一条的找，太麻烦了，所以就会用到条件查询。
在这里插入图片描述
这个就是我们一开始渲染出来的数据，而我们要达到的效果就是我在星期那输入框中输入跟星期有关的类容，后台就会调出我想要查找的数据。
在这里插入图片描述
在控制器写查询跟普通很相似，就是多了几个条件，要查询总要有条件啊，

不懂查询的可以去网上搜，条件查询只是比查询多个几个条件和几个IF
在这里插入图片描述
条件查询可以和有很多个方法，可以和下拉框使用，还有输入框，文本框等。

控制器这边写完之后，就来视图这边接受数据，表格渲染就不演示了，普通的查询只需要用到url，不需要data，但你如果加了条件查询那就需要data，不需要url，条件查询先封装成一个方法，因为渲染表格会用到。
在这里插入图片描述
最后看一下效果图
在这里插入图片描述

一条新裤子的价格
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于jquery js自定义sql条件查询
09-04
用户自己定义动态组织sql查询条件，对于用户来说相当方便的啦。可以自由选择查询字段、条件条件、条件值，选择与或关系，包括括号优先的使用。根据查询字段不同，查询条件值的动态改变，如日期控件、下拉框、可输入的文本框。参考使用的童鞋可以再优化下，使之更人性化。 呵呵。折腾一天弄出来的，个人觉得很实用，不足之处，很自行修改。 童鞋们大力给分啊，大哥也下载东东需要积分啊。 用户使用说明： 1.当条件值是日期时，格式为：2013-01-01； 2.当条件值是字段串时，中间含有英文单引号“'”时，请用两个单引号“''”表示，如：AA''A ； 3.当条件为“包含”或“不包含”时，条件值不能是日期格式 ; 4.当条件为“包含”或“不包含”时，条件值是字符串类型用单引号“'”引起来，多个数据项时用逗号分隔，如：'AAA','BBB'； 5.当条件为“包含”或“不包含”时，条件值是数字型时则不需要单引号“'”,多个数据项时用逗号分隔如：100,120; 6.当条件为“大于”或“小于”时，条件值只能是数字型或日期型，否则查询结果将可能不准确; 7.如果使用括号，请务必保证括号匹配； 8.条件值尽量避免有“'、%”等特殊字符；
jquery 动态展示查询条件
weixin_34221073的博客
11-08 670
<table class="queryTable" width="100%" > <tr> <td class="queryTitle" width="100">黑名单名称</td> <td class="queryContent"
jquery 多条件搜索特效 高级查询
11-23
jquery 多条件搜索特效 高级查询 含单选，多选组合查询
jquery easyUI 实现动态生成多条件查询功能
04-08
谁在jquery easyUI 下做过动态生成多条件查询功能，动态添加一行（一个条件）：参数名（多个字段名）、关系符（>、=、<=、=）、比较值（input）。大体就这样，点击“添加条件”，生成上面描述的一行，这个在jquery easyUI 框架下如何实现，再者，假如post表单提交，服务器脚本如何获取和组装前台提交过来的多个条件。
jQuery多条件查询筛选插件.zip
07-11
jQuery多条件查询筛选插件
jQuery多条件分类筛选查询特效代码
03-20
在本文中，我们将深入探讨如何使用jQuery实现多条件分类筛选查询特效代码，这是一种常见的前端交互功能，能够提高用户在大量数据中的查找效率。首先，我们要理解jQuery的核心概念，它是一个轻量级的JavaScript库，...
jQuery Datatable 多个查询条件自定义提交事件(推荐)
10-19
本篇文章将详细探讨如何在jQuery DataTables中实现多个查询条件的自定义提交事件。 首先，我们需要在用户界面创建查询条件的输入字段。例如，我们可以添加两个日期选择器（datetimepicker）来让用户选择开始时间和...
jQuery淘宝商品多属性查询
11-11
本文将深入探讨“jQuery淘宝商品多属性查询”这一主题，旨在帮助开发者理解如何利用jQuery来实现类似淘宝商品详情页中的复杂查询功能。 首先，我们需要了解jQuery的核心概念。jQuery通过提供链式调用、选择器、事件...
jQuery实现静态页面的多条件筛选查询
qq_40650064的博客
08-18 1788
jQuery实现静态页面的多条件筛选查询 静态页面实现table的条件筛选 html页面代码 姓名：<input type="text" id="id02" value="" placeholder="请输入姓名"/><br /><br /> 地址：<select id="address02"> <option value="全部" selected="selected">全部</option> <option v
jQuery 多个条件检索,多条件检索的第一个和$（this）
学而不思则罔 思而不学则殆
06-15 8600
$("input[name='aa'] [title='bb']") $(".aa:first") $(this)需要上下文，如 $(":button").click( function(){ $(this).parent().parent().remove(); } );
jQuery多条件筛选
09-08
jQuery实现多条件筛选jQuery实现多条件筛选jQuery实现多条件筛选jQuery实现多条件筛选jQuery实现多条件筛选jQuery实现多条件筛选
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
10-19
主要介绍了前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来,在项目中经常会遇到，今天小编把实例代码分享给大家，需要的朋友可以参考下
SQL查询条件生成器源码
12-13
在数据库的编程中，常常要对数据库的数据根据条件查询，查询条件生成器正是因此而生。
简单好用的SQL编辑器，超实用，可修改可开发软件
12-07
简单好用的SQL编辑器，超实用，可修改可开发软件
【jquery】根据查询条件对列表进行筛选查询
花椒和蕊的博客
10-18 283
<div class="list"> <div id="tool"> <div class="list_option"> <ul> <li id=" ">xx维修记录<i></i></li> </ul> </div> <!-- xx记录
jQuery 查找方法
xiangxiongfly
12-22 757
查找祖先元素 parent() parents() parentsUntil() 查找后代元素 children() find() contents() 向前查找兄弟元素 prev() prevAll() prevUnitl() 向后查找兄弟元素 next() nextAll() nextUntil() 查找所有兄弟元素 siblings()
jQuery 搜索条件联合查询 (数组条件查询)
King Saj
03-28 1046
思路: 1: 定义三个全局变量 domain,keyweords,search 初始值 为 ‘’, 2: 定义 handleData 函数处理最终的查询条件 3: 然后处理查询操作 // $.ajax 请求data数据 var params = { page: 1, per_page: 8, filters: '[]' } // 三个查询条件 var domain = '', keywords = '',
jquery php实时搜索选择,jQuery实现条件搜索查询、实时取值及升降序排序的方法分析...
weixin_36198878的博客
03-21 207
本文实例讲述了jQuery实现条件搜索查询、实时取值及升降序排序的方法。分享给大家供大家参考，具体如下：一。鼠标点击获取搜索条件中的被选中的值创建方法 getAttrValue() 方法，每次的 .click 都要调用 function getAttrValue(){}例如，把选中的值给到属性 data-value 。只需要每次点击，获取 li.active 的子集 a 的 .attr("...
jQuery datatable 多个查询条件 ,自定义提交事件
jimgethelp的博客
08-23 9449
先写2个input 分别表示开始时间跟结束时间 在写一个button 点击按钮 让表格重新刷新 代码如下 如下所示在datatable设置项增加如下设置 如果已经有了 只需要添加如下的data选项 ajax: { url: '/admin/index', type: 'POST', "data": function ( d ) { //添加额外的参数传
jquery datatable 多条件查询
最新发布
05-27
可以通过设置 DataTables 的搜索选项来实现多条件查询，以下是一个示例： ```javascript $('#example').DataTable({ "processing": true, "serverSide": true, "ajax": "data.php", "columns": [ { "data": "name" }, { "data": "position" }, { "data": "office" }, { "data": "age" }, { "data": "start_date" }, { "data": "salary" } ], "search": { "regex": true, "smart": false }, "initComplete": function() { var api = this.api(); // 添加多条件查询输入框 api.columns().indexes().flatten().each( function ( i ) { var column = api.column( i ); $( '<input type="text" placeholder="Search '+column.header()+'" />' ) .appendTo( $(column.footer()).empty() ) .on( 'keyup change clear', function () { if ( column.search() !== this.value ) { column .search( this.value ) .draw(); } } ); } ); } }); ``` 上面代码中，我们通过 `search` 选项设置了搜索方式为正则表达式，并且禁用了智能搜索。然后在 `initComplete` 回调函数中，通过遍历 DataTables 中的每一列，并在每一列的表尾添加了一个输入框，用于输入多条件查询关键字。每当输入框中的值发生变化时，就会调用 `column.search()` 方法执行查询操作。这样就实现了多条件查询功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值