html本地数据库—存储功能

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
    //创建数据库：数据库名称，版本，表明，大小
    var db=openDatabase("myDB","1.0","test db",2014*10);
    function Add(){
        db.transaction(function(fx){
            fx.executeSql("create table if not exists UserInfor(UserName TEXT,Pwd TEXT)",[]);
            //获取
            var username=$("#txtAUserName").val();
            var pwd=$("#txtAPwd").val();
            fx.executeSql("insert into UserInfor values(?,?)",[username,pwd],function(){
                alert("添加成功");
            });
        });
    }
</script>
</head>
<body>
<div>
<input type="text" id="txtAUserName"/>
<input type="password" id="txtAPwd"/>
<input type="button" value="添加" onclick="Add();"/>
</div>
</body>
</html>

时间： 2024-11-08 01:06:56

html本地数据库—存储功能的相关文章

javascript 本地数据库存储websql

最近我们的APP不太行了,因为是一个有做题,提交题目的功能,之前只是从APP提交错题到服务端,服务端难道答案,校验答案的对错,返回结果集,现在很多用户反映,提交速度很慢,很多时候,都提交不成功,所以领导让我把题目存在本地,校验题目的任务也交给前端来实现,服务端只接受并存储错误的题目,从而减轻服务端的压力, 在因为我们的题库量是很大的,而且种类比较多,每年两套题,一套题有100道左右的题目,所以单纯的localstorage并不能满足我们,因此我们选择了使用数据库,最开始,想试试sqllit,但是

Html5 学习系列（六）Html5本地存储和本地数据库

一个网站如何能在客户的浏览器存储更多的数据呢? 在Html4的时代在浏览器端存储点网站个性化的数据,尤其是用户浏览器的痕迹,用户的相关数据等一般只能存储在Cookie中,但是大多是浏览器对于Cookie的限制也就逼迫网站存储数据尽量精简,想存储复杂的.关系型的用户数据就根本不可能了.但是进入Html5时代,这一切都不叫事... 一.本地存储由来的背景 众所周知Html4时代Cookie的大小.格式.存储数据格式等限制,网站应用如果想在浏览器端存储用户的部分信息,那么只能借助于Cookie.但是C

探索HTML5本地存储功能运用技巧(1)

通过实例,我们可以加深对HTML5本地存储的理解,并且可以熟练运用. 我们来实现一个简单应用,该应用中用户输入用户名和手机号,相关因袭可以保存到保存到本地,并可以进行查找.展示等基本操作. 以下只给我出关键代码,项目结构和基本代码以及CSS样式大家可以自己添加. 我们按照功能进行分布完成. 1.         存储功能 这里我们要完成,当用户输入姓名和手机号时,自己的信息存储到Web Storage中,html中代码如下: <form> <labelfor="username

Html5本地存储和本地数据库

一个网站如何能在客户的浏览器存储更多的数据呢? 在Html4的时代在浏览器端存储点网站个性化的数据,尤其是用户浏览器的痕迹,用户的相关数据等一般只能存储在Cookie中,但是大多是浏览器对于Cookie的限制也就逼迫网站存储数据尽量精简,想存储复杂的.关系型的用户数据就根本不可能了.但是进入Html5时代,这一切都不叫事... 一.本地存储由来的背景 众所周知Html4时代Cookie的大小.格式.存储数据格式等限制,网站应用如果想在浏览器端存储用户的部分信息,那么只能借助于Cookie.但是C

Oracle_高级功能(4) 数据库存储结构

数据库存储结构分为:物理存储结构和逻辑存储结构.物理结构和逻辑结构分开,对物理数据的存储不会影响对逻辑结构的访问.1.物理存储结构 数据库文件 os block2.逻辑存储结构 tablespace 表空间 segment 段 extend 扩展区 db block 数据块(8k)2.1创建表空间create tablespace <ts_name> datafile '<file>' size <n> reuse autoextend on next <n>

处理本地数据库和云数据库存储的注意事项

这是我的第一篇微博,主要谈的是在做安卓应用时,本地数据库和在线数据库同时应用时遇到的一些小问题和解决方法. 1.本地数据库与在线数据库不同步的问题:因为我做的是运动类的app所有数据都是实时更新的,所以如果不断交换本地数据和在线数据会很不合理,常常会出现错误.所以我在本地存储每天的运动数据(本地数据至多存储40天),一旦联网就将数据上传. 2.上传数据的处理问题:之前的做法是将在线数据进行下载,检查与本地数据是否有不同,若不同,保存不同处,将其上传并对其进行更新.后来发现这种方法太复杂,数据处理

html5本地存储（三）--- 本地数据库 indexedDB

html5内置了2种本地数据库,一是被称为"SQLLite",可以通过SQL语言来访问文件型SQL数据库.二是被称为"indexedDB" 的NoSQL类型的数据库,本篇主要讲indexedDB数据库. 该数据库是一种存储在客户端本地的NoSQL数据库,目前chrome11以上.Firefox4以上.Opera18以上.Safar8以上及IE10以上的浏览器提供支持 一.连接数据库 使用indexedDB.open方法连接数据库 var dbName = 'inde

利用html5的本地存储功能实现登录用户信息保存

在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,从名字应该可以很清楚的辨认二者的区别,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了.二者用法完全相同,这里以localStorage为例. 用户名.密码保存,自动登录等,可以通过设置cookie实现,第一次登录网站后在本地计算机的中写入cookie,之后再次登录此网站查看cookie中现有的值,用cookie值进行网站登录即可.但是 cookie 不适合大量数据

HTML5系列三（多媒体播放、本地存储、本地数据库、离线应用）

各浏览器对编码格式的支持情况 audio和video元素的属性介绍 1.src:媒体数据的URL地址 <video src="pr6.mp4"></video> <video src="pr6.mp4" width="320" height="240"></video> 2.autoplay:是否自动播放 <video src="pr6.mp4" aut