基本的なHTMLとJavaScriptを使用したWebSQL CRUD関数

ここでは、UIのデータを追加するためのCRUD関数が必要なサンプルデータベースがあります.WebSQLとそれ以外の方法はありません。ユーザーは、入力データの保存と作成、読み取り、更新、および削除が可能でなければなりません。基本的なHTMLとJavaScriptを使用したWebSQL CRUD関数

e 

<!DOCTYPE html> 
<html> 
<head> 
    <title>Contact Example</title> 

    <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
    <script type="text/javascript" charset="utf-8"> 
      var db = window.openDatabase("Database", "1.0", "PhoneGap Demo", 200000); 
      db.transaction(populateDB, errorCB, successCB); 

     // Populate the database 
     // 
     function populateDB(tx) { 
      tx.executeSql('DROP TABLE IF EXISTS DEMO'); 
      tx.executeSql('CREATE TABLE IF NOT EXISTS DEMO (id unique, data)'); 
      tx.executeSql('INSERT INTO DEMO (id, data) VALUES (1, "First row")'); 
      tx.executeSql('INSERT INTO DEMO (id, data) VALUES (2, "Second row")'); 
     } 

     // Transaction error callback 
     // 
     function errorCB(err) { 
      alert("Error processing SQL: "+err); 
     } 

     // Transaction success callback 
     // 
     function successCB() { 
      alert("Database created, and polated"); 
     } 

    </script> 
</head> 
<body> 
<h1>Example</h1> 
<p>SQLTransaction</p> 
</body> 
</html>

出典

2012-02-21 Zeal Murapa

あなたは何を求めていますか？投稿したコードに問題がありますか、ここからどこに行くのか不思議ですか？ –