html如何提交表格数据格式,如何提交表格数据到html5本地数据库

最新推荐文章于 2022-05-31 08:00:00 发布

weixin_42486083

最新推荐文章于 2022-05-31 08:00:00 发布

阅读量830

点赞数

文章标签： html如何提交表格数据格式

我正在写这个非常小的应用程序在iPod上运行。它旨在存储基于我输入的锻炼的信息。存储将是html5本地数据库。我的问题是，如何从具有多个练习的表单中获取信息，并为每个练习创建一个新记录？的HTML是：如何提交表格数据到html5本地数据库

lower

Lower Body

Hip Adductor

Seat Reps Weight

Hip Abductor

Seat Reps Weight

Leg Curl

Back Feet Reps Weight

Leg Extension

Back Reps Weight

Leg Press

Back Seat Reps Weight

Glute

Seat Reps Weight

Submit

和JavaScript我到目前为止是

$(function(){ initDatabase();

});

function initDatabase() {

try {

if (!window.openDatabase) {

alert('Local Databases are not supported by your browser.');

} else {

var shortName = 'WorkoutDB';

var version = '1.0';

var displayName = 'Workout Database';

var maxSize = 100000;

db = openDatabase(shortName, version, displayName, maxSize);

createTables();

}

} catch(e) {

if (e == 2) {

// Version mismatch.

console.log("Invalid database version.");

} else {

console.log("Unknown error "+ e +".");

}

return;

}

$(document).ready(function(){

db.transaction(function (transaction) {

//transaction.executeSql('drop table workout');

transaction.executeSql('CREATE TABLE IF NOT EXISTS workout(name TEXT, back TEXT, seat TEXT, feet TEXT, reps TEXT, weight TEXT);', [], nullDataHandler, errorHandler);

}

);

//insertData();

});

function insertData(){

var data = [$("label[for=hipAddReps]").text(), '', $('#hipAddSeatSetting').val(), '', $('#hipAddReps').val(), $('#hipAddWeight').val()];

db.transaction(function (transaction) {

transaction.executeSql("INSERT INTO Workout(Name, Back, Seat, Feet, Reps, Weight) VALUES (?, ?, ?, ?, ?, ?)", [data[0], data[1], data[2], data[3], data[4], data[5]]);

});

}

function errorHandler(transaction, error){

if (error.code==1){

// DB Table already exists

} else {

// Error is a human-readable string.

console.log('Oops. Error was '+error.message+' (Code '+error.code+')');

}

return false;

}

function nullDataHandler(){

console.log("SQL Query Succeeded");

}

所以我要的是填补了这一切形式的字段，并在底部点击提交按钮，为每个练习插入一条新记录。

那么你是说这样的答案是唯一的方法吗？ http://stackoverflow.com/a/2227399/1060248 实质上为每个练习创建一个新的数组和一个新的插入语句？ –

2012-08-08 21:53:07

你说你正在为ipod制作这个应用程序，我假设你是用HTML5做的，还有一些中间应用程序让应用程序进入IOS。也许你使用[appcelerator](http://www.appcelerator.com/)或[phonegap](http://phonegap.com/)？更多信息将有助于回答你的问题。 –

2012-08-08 22:05:10

我还没有到那个时候，所以我还没有决定，在我走得更远之前是否需要做出决定？我只是试图让它正常工作，然后我会考虑我需要做什么才能在iPod上播放它。对不起，如果这是模糊的，这是我第一次遇到这种类型的事情。 –

2012-08-08 22:08:10