温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

HTML5中怎么连接数据库

发布时间:2022-01-20 15:46:29 来源:亿速云 阅读:785 作者:iii 栏目:开发技术

本文小编为大家详细介绍“HTML5中怎么连接数据库”,内容详细,步骤清晰,细节处理妥当,希望这篇“HTML5中怎么连接数据库”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

步骤一:


打开开发工具连接数据库创建一个新的数据库,代码如下:

var dataBase = openDatabase("student", "1.0", "student", 1024 * 1024, function () { });
if (!dataBase) {
alert("数据库创建失败!");
} else {
alert("数据库创建成功!");
}

步骤二:


完成一个数据库之后在进行一个数据库表格的创建,用来存取数据。代码如下:

this.createTable = function() {	dataBase.transaction(function(tx) {		tx.executeSql(			"create table if not exists stu (id REAL UNIQUE, name TEXT)",			[],			function(tx, result) {				alert('创建stu表成功');			},			function(tx, error) {				alert('创建stu表失败:' + error.message);			});	});}

步骤三:


完成表格创建之后我们需要进行一个执行数据库的增删改查的步骤,代码如下:

this.insert = function() {
		dataBase.transaction(function(tx) {
			tx.executeSql(
				"insert into stu (id, name) values(?, ?)",
				[id, '小明'],
				function() {
					alert('添加数据成功');
				},
				function(tx, error) {
					alert('添加数据失败: ' + error.message);
				});
		});

读到这里,这篇“HTML5中怎么连接数据库”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI