
90
|
第五章
圖
5.4
:
Chrome
的「
Developer Tools
」裏的「
Storage
」標籤頁可讓你對資料庫執行任何的
SQL
敘述
插入資料列
現在,我們有個資料庫設立好,可接受一些資料項,我們可以開始建立
createEntry()
函
式。首先,你得改寫
#createEntry
表單的
submit
事件。做法是把
createEntry()
連結至
kilo.js
裏
document ready
函式裏的
submit
事件(只顯示前幾行,新增的部份以粗體顯示):
$(document).ready(function(){
$('#createEntry form').submit(createEntry);
$('#settings form').submit(saveSettings);
$('#settings').bind('pageAnimationStart', loadSettings);
...
現在,當使用者交付
#createEntry
表單,
createEntry()
函式就會被呼叫。接著,把下列
程式碼加入
kilo.js
,在資料庫內建立記錄:
function createEntry() {
var date = sessionStorage.currentDate;
var calories = $('#calories').val();
var food = $('#food').val();
db.transaction(
function(transaction) ...