jQuery基于xml格式数据实现模糊查询及分页功能的方法

前端之家收集整理的这篇文章主要介绍了jQuery基于xml格式数据实现模糊查询及分页功能的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了jQuery基于xml格式数据实现模糊查询分页功能方法分享给大家供大家参考,具体如下:

1、此代码支持xml 格式数据,根据不同需求修改ajax的success方法就ok了

2、此代码只是针对ajax只需一次请求的情况下

=pagesize&&rownum%pagesize==0||resultlist.length==rownum){ ids+=","+"'"+resultlist[i]+"']"; jsonstr+=point+"'"+$.pagetotal+"':"+ids; ids="["; num=0; if(rownum%pagesize==0){ $.pagetotal++; } }else{ point=num==0?"":","; ids+=point+"'"+resultlist[i]+"'"; num++; } } jsonstr+="}"; $.resultdata=eval("("+jsonstr+")"); //初始化结果列表 if(rownum==0)return; var pagenum=1; $.pageto(pagenum,$.resultdata,$("#"+id+" ul")); if($.pagetotal>1){ $.pagetool.createpagetool($.pagetotal); $.pagetool.pageto(pagenum,$.pagetotal); $("#pagetool span[pagenum='1']").css("backgroundColor",'lightblue'); }else{ $("#pagetool").html(""); } $("#pagetool .num").click(function(){ pagenum=eval($(this).text()); $("#pagetool span").css("backgroundColor",'white'); $(this).css("backgroundColor",'lightblue'); $.pageto(pagenum,$("#"+id+" ul")); }); $("#pagetool .up").click(function(){ pagenum--; if(pagenum!=0){ $("#pagetool span").css("backgroundColor",'white'); $("#pagetool span[pagenum='"+pagenum+"']").css("backgroundColor",$("#"+id+" ul")); $.pagetool.pageto(pagenum); }else{ pagenum++; } }); $("#pagetool .down").click(function(){ pagenum++; if(pagenum<=$.pagetotal){ $("#pagetool span").css("backgroundColor",$("#"+id+" ul")); $.pagetool.pageto(pagenum); }else{ pagenum--; } }); }); }; //工具栏分页 $.pagetool = { createpagetool : function(pagetotal) { var html = "up"; var pagetoolpagenum=1; for (var i = 1; i <= pagetotal; i++) { if(i%5==1&&i>5){ pagetoolpagenum++; } html += "" + i + ""; } html += "down"; $("#pagetool").html(html); },pageto : function(pagenum,pagetotal) { var pagetoolpagenum=1; if(pagenum>5){ pagetoolpagenum=Math.ceil(pagenum/5); } $("#pagetool span").hide(); $("#pagetool span:first").show(); $("#pagetool span[i='"+pagetoolpagenum+"']").show(); $("#pagetool span:last").show(); } }; //模糊搜索 $.indexsearch=function(indexdata,keyword){ var resultids=new Array(); for (var key in $.indexdata){ if(key.indexOf(keyword)!=-1) resultids.push($.indexdata[key]); } return resultids; }; //跳页程序 $.pageto=function(pagenum,data,obj){ var list=data[pagenum]; var html=""; obj.html(html); obj.parent().show(); $(list).each(function(i){ try{ html+='@H_403_14@'+$.jsondata[list[i]].JGMC+''; }catch(e){} }); obj.html(html); obj.find("li").bind({//结果集的点击事件 "click":function(){ $.select($(this)); obj.parent().hide(); obj.parent().find("#pagetool").html(""); },"mouSEOver":function(){//结果集的鼠标悬浮事件 $(this).parent().find("li").css("backgroundColor","white"); $(this).css("backgroundColor","lightblue"); } }); }; }(jQuery));

页面调用

运行效果 (不同的效果需要不同的样式)

PS:这里再为大家提供几款关于xml操作的在线工具供大家参考使用:

在线XML/JSON互相转换工具:

在线格式化XML/在线压缩XML:

XML在线压缩/格式化工具:

XML代码在线格式化美化工具:

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

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

原文链接:https://www.f2er.com/jquery/43187.html

猜你在找的jQuery相关文章