jQuery实现模糊搜索功能的方法分析

本文实例讲述了jQuery实现模糊搜索功能方法分享给大家供大家参考,具体如下:

功能一:关键字搜索

总结:

1、搜索出的结果,前台先要清空原有表格

rush:js;"> $("#tbody").empty;

2、后台返回的json格式字符串 js eval 专成对象

rush:js;"> var stus = eval("(" + msg + ")");

在循环进行字符串拼接到表格上

rush:js;"> $("#tbody").html(str);
rush:js;"> $("#btn").click(function() { var id = $.trim($("#id").val()); var classname = $.trim($("#classname").val()); var clazz = $.trim($("#class").val()); if (id == "" & classname == "" & clazz == "") { alert("请至少输入一个筛选条件"); } else { $.ajax({ type : "post",url : "SearchServlet",data : { "type" : "find","id" : id,"classname" : classname,"class" : clazz },success : function(msg) { if ("无结果" == msg) { alert(msg); $("#id").val(""); $("#classname").val(""); $("#class").val(""); } var stus = eval("(" + msg + ")"); $("#tbody").empty; var str = ""; for (var i = 0; i < stus.length; i++) { str = str + "" + "删除" + "" + "

功能二:input框删除关键字,动态显示所有结果

总结:

1、a标签动态传参,传给后台进行删除,使用字符串拼接

rush:js;"> str = str + "" + "删除" + "" + "
rush:js;"> $(".input").on('input',function(e) { var id = $.trim($("#id").val()); var classname = $.trim($("#classname").val()); var clazz = $.trim($("#class").val()); if (id == "" && classname == "" && clazz == "") { $.ajax({ type : "post",data : { "type" : "all",},success : function(msg) { var stus = eval("(" + msg + ")"); $("#tbody").empty; var str = ""; for (var i = 0; i < stus.length; i++) { str = str + "" + "删除" + "" + "

功能三:删除 table中的数据

总结:

在a标签里面传参 js写在a标签里面的两种方式

rush:xhtml;"> 删除

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》、《》、《》及《

希望本文所述对大家jQuery程序设计有所帮助。

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: &lt;span id=&quot...
jQuery 添加水印 &lt;script src=&quot;../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...