HTML5 WEB SQL 技术教程文章

HTML5WebSQLDatabase初探

在《从零开始构建HTML 5页面》一文中,我们了解到HTML 5的一些新增特性并通过实例打造了一个完整的HTML 5页面。但HTML 5标准不只局限于传统的标记语言,它还拥有很多让人期待的API接口,利用这些接口,开发者可以创建更加丰富、更加引人注目的应用程序。之前我们介绍过支持文件拖放上传功能的HTML 5 File API,今天,我们一起来了解HTML 5的Web SQL Database API,使用本地和会话存储实现简单的对象持久化。对于HTML 5,也许最为有...

html5WebSQLDatabase之事务处理函数transaction与executeSQL解析_html5教程技巧

1、在创建或打开数据库以后,就可以使用事务 API transaction。每一个事务作为操作数据库的原子操作,不会被打断,从而避免了数据冲突。transaction 的定义是:代码如下:void transaction(querysql, errorCallback, successCallback); querysql:事务回调函数,其中可以执行 SQL 语句。(必选) errorCallback:出错回调函数。(可选) successCallback:执行成功回调函数。(可选) 2、在回调函数querysql中,可以执行SQL语句,...

解析HTML5的存储功能和webSQL的相关操作方法_html5教程技巧

HTML5 引入了两种机制,类似于 HTTP 的会话 cookies,用于在客户端存储结构化数据以及克服以下缺点。 每个 HTTP 请求中都包含 Cookies,从而导致传输相同的数据减缓我们的 Web 应用程序。 每个 HTTP 请求中都包含 Cookies,从而导致发送未加密的数据到互联网上。 Cookies 只能存储有限的 4KB 数据,不足以存储所需的数据。这两种存储方式是 session storage 和 local storage,它们将用于处理不同的情况。 几乎所有最新版的浏览器都...

如何用HTML5操作WebSQL数据库

下面通过本文给大家分享HTML5操作WebSQL数据库的实例代码,感兴趣的朋友一起看看吧HTML代码:<!DOCTYPE html> <html><head lang="en"><meta charset="UTF-8"><title>列车时刻表查询</title><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /><script src="http://code.jquery.com/jquery-1.11.1.min.js"></s...

详解HTML5如何操作WebSQL数据库

下面通过本文给大家分享HTML5操作WebSQL数据库的实例代码,感兴趣的朋友一起看看吧HTML代码:<!DOCTYPE html> <html><head lang="en"><meta charset="UTF-8"><title>列车时刻表查询</title><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /><script src="http://code.jquery.com/jquery-1.11.1.min.js"></s...

HTML5本地数据库(WebSQL)[转]【代码】【图】

Demo:获取或者创建一个数据库,如果数据库不存在那么创建之 var dataBase = openDatabase("student", "1.0", "学生表", 1024 * 1024, function () { });openDatabase方法打开一个已经存在的数据库,如果数据库不存在,它还可以创建数据库。几个参数意义分别是:1,数据库名称。 2,数据库的版本号,目前来说传个1.0就可以了,当然可以不填; 3,对数据库的描述。 4,设置分配的数据库的大小(单位是kb)。 5,回调函数(可省略)。初...

HTML5 离线存储之Web SQL【图】

1 //TODO;SQL注入 2 function dataBaseOperator() {}; 3 dataBaseOperator.openDatabase =function () { 4 return window.openDatabase("dataBaseUserStories", "1.0", "dataBase used for user stories", 2*1024*1024); 5 } 6 dataBaseOperator.executeNonQuery =function (sql, parameters, callback) { 7 var db =this.openDatabase(); 8 db.transaction(function (trans) { 9 trans.executeSql(sql, parameters, ...

html5 初试 Web SQL Database【代码】【图】

正适合这种类型的数据存储。 Web SQL Database 是异步的。 连接/创建Database: ?db = window.openDatabase("db", "1.0","aid database ",1024); //建立一个名为db的数据库连接openDatabase有5个参数,分别是 数据库名称、版本号、描述、大小、回调函数(可省略);初次调用时创建数据库,以后就是建立连接了。字节大小可以灵活设置,最好设置为足够大。可以用(!db)测试连接,不推荐用if (db),因为连接失败的原因太多了。 查询数据:...

Html5的Web存储和WebSql【代码】

使用HTML5可以在本地存储用户的浏览数据。 早些时候,本地存储使用的是cookies。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据,而不影响网站的性能. 数据以 键/值 对存在, web网页的数据只允许该网页访问使用。 本地存储的背景 众所周知Html4时代Cookie的大小、格式、存储数据格式等限制,网站应用如果想在浏览器端存储用户的部分信息,那么只...

HTML5中Web Sql学后总结

在web系统或应用中,经常需要在本地存储一些数据,最早的在客户端存储数据用的是cookie(当然cookie主要还是用来保存用户的状态,业余可以干点保存本地数据的活),事实它并不适合用于保存客户端的本地数据,有以下几个原因:1,每次请求服务器的时候都会增加不必要的流量消耗,因为每次请求服务器是都会讲cookie发送至服务器。2,cookie的数据存储数据的规则,并不那么好用,结构也不够清晰。3,最重要的一点是cookie的存储容量极小...