sql.jsを使用してHTMLページにSQLite .dbを表示する

sqliteデータベース（例：data.db）を使用してHTMLページに表示しようとしています。もし私が偉大になるテーブルに表示することができれば。しかし今は、データを見たいだけです。私はこれまでに見つけたことのあるものすべてを試しました。sql.jsを使用してHTMLページにSQLite .dbを表示する

私はフレームワークとしてsql.jsを使用しています。以下は私のコードです。

<html> 
<head> 
<title>Title</title> 

<script type="text/javascript" src="https://raw.githubusercontent.com/kripken/sql.js/master/js/sql.js"></script> 
<script type="text/javascript" src="https://raw.githubusercontent.com/kripken/sql.js/master/js/worker.sql.js"></script> 
<script src='sql.js'></script> 

<script type="text/javascript"> 
var xhr = new XMLHttpRequest(); 
xhr.open('GET', 'data.db', true); 
xhr.responseType = 'arraybuffer'; 

xhr.onload = function(e) { 
    var uInt8Array = new Uint8Array(this.response); 
    var db = new SQL.Database(uInt8Array); 
    var contents = db.exec("SELECT * FROM my_table"); 
}; 
xhr.send(); 
</script> 
</head> 
<body> 

<h1>Database Data</h1> 

...data to display here...

何かが役立ちます。

出典

2016-09-16 r0ug3Pr0gRam3r

私はあなたがすでに答えを見つけたことを祈っています。私の答えは後世のためです。ソリューションを見つけるまでにもしばらく時間がかかりましたが、コードではソリューションに導かなければなりません。私はローカルファイルを使用しますが、コードがそのまま動作するはずですいくつかの高速errorcheckingについては

<html> 
<head> 
<title>Title</title> 
<script type="text/javascript" src="https://raw.githubusercontent.com/kripken/sql.js/master/js/sql.js"></script> 
<script type="text/javascript" src="https://raw.githubusercontent.com/kripken/sql.js/master/js/worker.sql.js"></script> 
<!-- 
<script type="text/javascript" src="sql.js"></script> 
<script type="text/javascript" src="worker.sql.js"></script> 
--> 

<script type="text/javascript"> 
var path = "http://alasql.org/demo/016sqlite/Chinook_Sqlite.sqlite"; 
//var path = "016sqlite_files/Chinook_Sqlite.sqlite" 
var xhr = new XMLHttpRequest(); 
xhr.open('GET', path, true); 
xhr.responseType = 'arraybuffer'; 

xhr.onload = function(e) { 
    var uInt8Array = new Uint8Array(this.response); 
    var db = new SQL.Database(uInt8Array); 
    //var contents = db.exec("SELECT name FROM sqlite_master where type='table'"); 
    var contents = db.exec("SELECT * FROM Playlist"); 
    //alert(JSON.stringify(contents)); 

    var table_string = '<table>'; 
    if (contents) { 
    table_string += '<tr>'; 
    for (var index in contents[0].columns) { 
     table_string += '<th>' + contents[0].columns[index] + '</th>'; 
    } 
    table_string += '</tr>'; 
    for (var row_index in contents[0].values) { 
     table_string += '<tr>'; 
     for (var col_index in contents[0].values[row_index]) { 
     table_string += '<td>' + contents[0].values[row_index][col_index] + '</td>'; 
     } 
     table_string += '</tr>'; 
    } 

    } 

table_string += '</table>'; 
    //alert(table_string); 
    document.getElementById("res").innerHTML = table_string;  
} 
xhr.send(); 

</script> 
</head> 
<body> 

<h1>Database Data</h1> 
<p id="res"></p> 
</body> 
</html>

。これらのリンクは、さらにあなたを助けることがあります。

https://github.com/kripken/sql.js/issues/207 https://github.com/kripken/sql.js/blob/master/README.md

出典

2017-08-20 11:04:55

sql.jsを使用してHTMLページにSQLite .dbを表示する

答えて

関連する問題