沙漠码狂

导航

js 对SQLite进行保存以及查询操作

<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />

        <script type="text/javascript" src="sql.js"></script>

    </head>

    <body>

        <button name="test" type="button" value="val" onclick="save()">Button Text</button>

        <input id="uploadInput" type="file" onchange="getfile()">

    </body>

    <script>
     
      
    //保存到数据库 function save() { //Create the database var db = new window.SQL.Database(); db.run("CREATE TABLE test (列1 int, 列2 char);"); db.run("INSERT INTO test VALUES (0,'hello');"); db.run("INSERT INTO test VALUES (1,'world');"); db.run("INSERT INTO test VALUES (55,'34534545');"); db.run("INSERT INTO test VALUES (166,'woteggrgrld');"); //save to local file var data = db.export(); var arraybuff = data.buffer; var blob = new Blob([arraybuff]); var url = window.URL.createObjectURL(blob); var a = document.createElement("a"); a.href = url; a.download = 'test.db'; a.click(); window.URL.revokeObjectURL(url); }      
    //查询数据库并且将数据输出到控制台
function getfile() { var files = document.getElementById("uploadInput").files;//document.getElementById("uploadInput").value; var file = files[0]; var fr = new FileReader(); fr.onload = function(){ var Uints = new Uint8Array(fr.result); var db = new window.SQL.Database(Uints); var res = db.exec("SELECT 列2 FROM test"); for(i=0;i<res[0].values.length;i++) {//query values console.log(res[0].values[i]+' '); } } fr.readAsArrayBuffer(file); } </script> </html>

  主要留意用到的是getfile()【查询功能】中的 

var res = db.exec("SELECT 列2 FROM test");  列2是要查询的字段,test是SQLite数据库表格名,如图下

 

 原文地址:https://blog.csdn.net/sunnyloves/article/details/48002839



posted on 2018-03-27 18:21  沙漠码狂  阅读(62)  评论(0)    收藏  举报