WebSQLは非推奨となり、多くのWebブラウザでは機能が廃止されています。本記事で紹介しているコードも最新のWebブラウザでは動作しない場合があるためご注意下さい。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
function Proc() {
var db = OpenMyDatabase();
InsertRecord(db);
}
function OpenMyDatabase() {
var dbsize = 1000;
var dbname = "myDB";
var dbversion = "1.0";
var dbdescription = "Test Database"
var db = window.openDatabase(dbname, dbversion, dbdescription, dbsize);
if (db == null) {
alert("データベースが開けませんでした。");
}
return db;
}
function InsertRecord(dbobj) {
dbobj.transaction(
function (transact) {
transact.executeSql("INSERT INTO product VALUES ( ?, ?, ? )", ['1', 'ぺんぎんクッキー', '280'], function () { alert("SUCCESS"); }, function () { alert("ERROR"); });
transact.executeSql("INSERT INTO product VALUES ( ?, ?, ? )", ['2', 'しろくまアイス', '160'], function () { alert("SUCCESS"); }, function () { alert("ERROR"); });
transact.executeSql("INSERT INTO product VALUES ( ?, ?, ? )", ['3', 'らくだキャラメル', '90'], function () { alert("SUCCESS"); }, function () { alert("ERROR"); });
transact.executeSql("INSERT INTO product VALUES ( ?, ?, ? )", ['4', 'かるがもサブレ', '85'], function () { alert("SUCCESS"); }, function () { alert("ERROR"); });
transact.executeSql("INSERT INTO product VALUES ( ?, ?, ? )", ['5', 'きりんキャンディー', '50'], function () { alert("SUCCESS"); }, function () { alert("ERROR"); });
}
);
}
</script>
</head>
<body>
<p>レコードの挿入 テストページ</p>
<a href="javascript:Proc();">InsertRecord</a><br />
</body>
</html>
"INSERT INTO product VALUES ( ?, ?, ? )"
['1', 'ぺんぎんクッキー', '280']
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript">
function Proc(sid, sprice) {
var db = OpenMyDatabase();
UpdateRecord(db, sid, sprice);
}
function OpenMyDatabase() {
var dbsize = 1000;
var dbname = "myDB";
var dbversion = "1.0";
var dbdescription = "Test Database"
var db = window.openDatabase(dbname, dbversion, dbdescription, dbsize);
if (db == null) {
alert("データベースが開けませんでした。");
}
return db;
}
function UpdateRecord(dbobj,tid,tprice) {
dbobj.transaction(
function (transact) {
transact.executeSql("UPDATE product SET price='" + tprice + "' WHERE id='" + tid+"'", [],
function () { alert("SUCCESS"); }, function () { alert("ERROR"); });
}
);
}
</script>
</head>
<body>
<p>レコードの更新 テストページ</p>
<a href="javascript:Proc(4,160);">UpdateRecord (id=4 price=160)</a><br />
<a href="javascript:Proc(4,85);">UpdateRecord (id=4 price=85)</a><br />
</body>
</html>
Proc()
関数の引数として与えています。<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript">
function Proc(deleteid) {
var db = OpenMyDatabase();
DeleteRecord(db, deleteid);
}
function OpenMyDatabase() {
var dbsize = 1000;
var dbname = "myDB";
var dbversion = "1.0";
var dbdescription = "Test Database"
var db = window.openDatabase(dbname, dbversion, dbdescription, dbsize);
if (db == null) {
alert("データベースが開けませんでした。");
}
return db;
}
function DeleteRecord(dbobj,deleteid) {
dbobj.transaction(
function (transact) {
transact.executeSql("DELETE FROM product WHERE id='" + deleteid + "'", [], function () { alert("SUCCESS"); }, function () { alert("ERROR"); });
}
);
}
</script>
</head>
<body>
<p>レコードの削除 テストページ</p>
<a href="javascript:Proc(4);">DeleteRecord (id=4)</a><br />
</body>
</html>
Proc()
関数の引数として与えています。