I have a set of HTML files and a SQLite database, which I would like to access from the browser, using the file:// scheme. Is it possible to access the database and create queries (and tables) using JavaScript?
7 Answers
Actually the answer is yes. Here is an example how you can do this: http://html5doctor.com/introducing-web-sql-databases/
The bad thing is that it's with very limited support by the browsers.
More information here HTML5 IndexedDB, Web SQL Database and browser wars
PS: As @Christoph said Web SQL is no longer in active maintenance and the Web Applications Working Group does not intend to maintain it further so look here https://developer.mozilla.org/en-US/docs/IndexedDB.
SQL.js
EDIT
As @clentfort said, you can access SQLite database with client-side JavaScript by using SQL.js.
-
17
-
2But is it possible to connect to the already existing database? I already have a bunch of data in it, which I would like to process with javascript. Nov 2, 2012 at 13:47
-
You can go with some server side stuff, or try Node.JS for this codeforgeek.com/2014/07/node-sqlite-tutorial– MrugJun 9, 2015 at 6:32
You could use SQL.js which is the SQLlite lib compiled to JavaScript and store the database in the local storage introduced in HTML5.
-
10local storage is very slow and clumsy... you should use indexedDB instead. Nonetheless this is a working solution i guess. Nov 2, 2012 at 9:55
-
3While localstorage isn't as nice as indexedDB, it is supported pretty much everywhere. SQL.js doesn't use localstorage directly (it's in memory), so you only have to read from/write to localstorage on startup/shutdown, you could even save SQL.js's state on a server. Good if you want the user to specifically save changes, bad if a user leaving without letting it save can break things.– PerkinsSep 21, 2015 at 16:42
Up to date answer
My fork of sql.js has now be merged into the original version, on a dedicated repo.
The good documentation is also available on the original repo.
Original answer (outdated)
You should use the newer version of sql.js. It is a port of sqlite 3.8, has a good documentation and is actively maintained (by me). It supports prepared statements, and BLOB data type.
-
Can I use sql.js for accessing (insert, update, read) SQLite database which is on server side.– AbheeJul 25, 2017 at 15:05
-
@lovasoa If I use sql.js, can a fresh computer run my site and do the CRUD to its database (db stored in the same path with HTML folder) without doing any installations? Feb 11, 2019 at 16:05
-
2@JeafGilbert No. sql.js operates exclusively in-memory, nothing is persisted. If you want to write the database file on your filesystem, you will have to write that logic yourself.– lovasoaFeb 11, 2019 at 18:06
One of the most interesting features in HTML5
is the ability to store data locally and to allow the application to run offline. There are three different APIs that deal with these features and choosing one depends on what exactly you want to do with the data you're planning to store locally:
- Web storage: For basic local storage with key/value pairs
- Offline storage: Uses a manifest to cache entire files for offline use
- Web database: For relational database storage
For more reference see Introducing the HTML5 storage APIs
And how to use
http://cookbooks.adobe.com/post_Store_data_in_the_HTML5_SQLite_database-19115.html
-
5hehe, take a look into the second revision of your answer, there you can read it;) Nov 2, 2012 at 11:05
What about using something like PouchDB? http://pouchdb.com/
-
1as you can see the author of the question has the sqlite DB, and you haven't provided examples and script for converting SQLITE => POUCHDB Mar 23, 2020 at 8:45
-
1
It is best to code with python and flask. If you use WebSQL with JavaScript then it will only save the data for individual windows and not worldwide, as it is a browser cookie. Flask is a python web server and once you make a page with it you can import sqlite3. Another way is to use php, but the main point is that using JavaScript is a bad idea.
P.S. Actually you can try using loaclStorage i heard it can save data for as long as you want it to be saved.
-
3It's a JavaScript question about browser storage options such as indexedDb so suggesting to not use javascript isn't really helpful. Jun 24, 2021 at 19:57
IMHO, the best way is to call Python using POST via AJAX and do everything you need to do with the DB within Python, then return the result to the javascript. json and sqlite support in Python is awesome and it's 100% built-in within even slightly recent versions of Python, so there is no "install this, install that" pain. In Python:
import sqlite3
import json
...that's all you need. It's part of every Python distribution.
@Sedrick Jefferson asked for examples, so (somewhat tardily) I have written up a stand-alone back-and-forth between Javascript and Python here.
-
3the question contains "...which I would like to access from the browser...". so your answer (with
python
) is out of the area (at least today, when it is not that easy to run python from a browser) Mar 23, 2020 at 8:44 -
file:
scheme do you mean on the computer the browser is running on?