HTML5 webSQL动态查询前端数据库表

//HTML5 WEB SQL查询数据
$scope.queryCenterReimbursData = function(keyword,querycol){var lencr="0";//拼接sqlvar condition="";//拼过滤条件var conditiontemp="";//临时过滤条件变量var querycrsql="";//最后执行SQLvar queryzxcols=new Array();//queryzxcols = ["1", "2"]var selcolsql="";//拼查询字段for(var i=0;i<colattrs.length;i++){selcolsql=selcolsql+" "+colattrs[i]+",";}selcolsql=selcolsql.substring(0,(selcolsql.length-1));//查询字段queryzxcols=querycol.split(",");for(var i=0;i<queryzxcols.length;i++){if(i==0){conditiontemp= colattrs[queryzxcols[i]]+" LIKE "+'\"'+keyword+'%\"';}else{conditiontemp=" OR "+colattrs[queryzxcols[i]]+" LIKE "+'\"'+keyword+'%\"';}condition=condition+conditiontemp;}//limit限制查询条数。谷歌的webSQL使用的sqlite数据库querycrsql=" SELECT "+selcolsql+" FROM ( SELECT *  FROM "+tableuniqueflag+" WHERE "+condition+" ) limit "+rowsize;if(""==keyword){querycrsql="SELECT "+selcolsql+" FROM "+tableuniqueflag+" limit "+rowsize ;}//console.log("查询的表querycrsql==="+querycrsql);//拼接sql//var db = openDatabase('mydb14', '1.0', 'Test DB', 6 * 1024 * 1024);var db = DataSourceService.getConnection();db.transaction(function (tx) {tx.executeSql(querycrsql, [], function (tx, results) {lencr = results.rows.length;//len temprow控制结果返回的条数var datacr="";//查询符合条件的中心报销二级代码var datasum="";for (var i = 0; i < lencr; i++){datacr='{';for(var j=0;j<showcols.length;j++){var colattrsj=showcols[j].map;if(j==((showcols.length)-1)){//json {"name":"张三",。。。。。。}datacr=datacr+'\"'+colattrsj+'\"'+":"+'\"'+results.rows.item(i)[''+colattrsj+'']+'\"';}else{datacr=datacr+'\"'+colattrsj+'\"'+":"+'\"'+results.rows.item(i)[''+colattrsj+'']+'\",';}}if(i==(lencr-1)){//拼接成json对象数组。[{json对象},{json对象},{json对象}]//最后一个json对象必须无逗号,否则JSON.parse(datasum);转化不成功。datacr=datacr+"}";}else{datacr=datacr+"},";}datasum=datasum+datacr;}datasum='['+datasum+']';console.log(datasum)tableresultjson=JSON.parse(datasum);if(lencr>0){if(lencr<rows){rows=lencr+1;}$scope.createMyTable(rows,cells);//赋标题for(var j=1;j<parseInt(cells)+1;j++){var titlecol=titlecols[j-1];var titleid="#"+tableuniqueflag+"1"+""+j;$(titleid).html(titlecol);}//赋表格内容var nn=0;for(var i=2;i<parseInt(rows)+1;i++){for(var j=1;j<parseInt(cells)+1;j++){var colattr = colattrs[j-1];var tdid="#"+tableuniqueflag+i+""+j;$(tdid).html(tableresultjson[nn][''+colattr+'']);}nn=nn+1;}//默认表格第一行选中(除标题行)$("#"+tableuniqueflag+"2").addClass("checktrcolor");$(mydivlocation).css('display','block');rows=rowsize;}//else{// $(mydivlocation).css('display','none');//}}, null);});
}

拼接的json对象数组

[
{
"AKB020": "00001",
"AKB021": "服务站1",
"AKA020": "ftqcxdjdyhzsqwsfwz"
},
{
"AKB020": "00002",
"AKB021": "服务站2",
"AKA020": "ftqdhmjdshsasqwsfwz"
},
{
"AKB020": "00003",
"AKB021": "服务站3",
"AKA020": "ftqlgqjdlblsqwsfwz"
}
]

应用截图：

HTML5 webSQL动态查询前端数据库表相关推荐

mysql 回退查询_MYSQL数据库表排序规则不一致导致联表查询，索引不起作用问题...
Mysql数据库表排序规则不一致导致联表查询,索引不起作用问题表更描述: 将mysql数据库中的worktask表添加ishaspic字段. 具体操作:(1)数据库worktask表新添是否有图片字 ...
sql 查询所有数据库-表-表结构
1 --查询数据库中的所有数据库名: 2 SELECT * FROM Master..SysDatabases ORDER BY Name 3 --查询某个数据库中所有的表名: 4 select * ...
mysql表空间名字查询_数据库表空间信息查询
数据库表空间信息查询 --查看表空间的名称及大小 www.2cto.com SELECT T.TABLESPACE_NAME, ROUND(SUM(D.BYTES / (1024 * 1024)), ...
excel查询mysql数据库表,excel创建数据表/查询mysql数据库中所有表名
excel两个表格,数据库表与专门查询该数据库信息的表.在查询表中以多个项目进行查询符合条件的数据. 可以用"筛选"这个功能,在菜单里,对两个列进行筛选,符合条件的就会显示出来.很 ...
查询mysql数据库表占用空间大小_查看 MySQL 数据库中每个表占用的空间大小-阿里云开发者社区...
如果想知道MySQL数据库中每个表占用的空间.表记录的行数的话,可以打开MySQL的 information_schema 数据库.在该库中有一个 TABLES 表,这个表主要字段分别是: TABLE ...
mysql数据库实验查询_MySQL数据库表数据的查询操作实验
实验3.MySQL数据库表数据的查询操作实验(1) 一.实验目的掌握SELECT 语句的基本语法格式. 掌握SELECT 语句的执行方法. 掌握SELECT 语句的 GROUP BY 和 ORDER ...
mysql数据库实验查询_数据库表的查询操作（实验二）
[实验目的]:了解SQL语言的使用,进一步理解关系运算,巩固数据库的基础知识. [实验要求]:掌握利用Select语句进行各种查询操作:单表查询.多表连接及查询.嵌套查询.集合查询等. [实验内容] ...
查询gaussdb数据库表空间大小排名
某平台拉链设置,长时间运行后会给数据库带来冗余数据.以下介绍查询高斯库表空间大小排名的查询语句. 语句 SELECT table_name, pg_size_pretty(table_size) AS ...
jpa多表联查动态_jpa动态查询与多表联合查询
jpa操作单表时简单明了,省去了sql的拼写,但如果需要多表联查的时候就不行了. 1.当jpa需要联表查询的时候用到@Query注解,自定义sql 其中nativeQuery=true,指定使用原生 ...

HTML5 webSQL动态查询前端数据库表

HTML5 webSQL动态查询前端数据库表相关推荐

最新文章

热门文章