當前位置:首頁 » 數據倉庫 » html5提交資料庫
擴展閱讀
sql查詢內容不區分大小寫 2022-08-17 02:34:53
wifi的管理密碼是什麼 2022-08-17 02:32:25
黑洞前端 2022-08-17 02:30:35

html5提交資料庫

發布時間: 2022-06-26 20:17:47

Ⅰ html5,什麼是本地存儲什麼是websql資料庫存儲

HTML5 :

將成為HTML、XHTML以及HTMLDOM的新標准。
HTML的上一個版本誕生於1999年。自從那以後,Web世界已經經歷了巨變。
HTML5仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些HTML5支持。

本地存儲:

儲存在用戶本地終端上的數據,多數使用cookie
Cookie技術誕生以來,它就成了廣大網路用戶和Web開發人員爭論的一個焦點。有一些網路用戶,甚至包括一些資深的Web專家也對它的產生和推廣感到不滿,這並不是因為Cookie技術的功能太弱或其他技術性能上的原因,而是因為Cookie的使用對網路用戶的隱私構成了危害。因為Cookie是由Web伺服器保存在用戶瀏覽器上的小文本文件,它包含有關用戶的信息[2]。

websql資料庫存儲:

使用資料庫進行數據存儲,現在流行的資料庫有:
1、Access一般用在小網站上,類似企業站,功能比較簡單,對數據要求不高;
2、Mssql是一個比較大的完善的資料庫,在windows上常用,配NETASP等程序。
3、Mysql是一個小型的公開源代碼的免費資料庫,在windows,linux上都常用,和PHP程序組成一對完美搭檔。

Ⅱ html5表單驗證問題,我這代碼寫的沒錯,為什麼老是提交

將save.asp改成如下試試:
你的代碼沒有問題啊,是不是你的資料庫驅動用了driver?如果是建議用provider那次一個朋友也遇到過這個事情,代碼沒錯,但是資料庫驅動用driver就是無法做出來!
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!-- #include file "conn.asp" -->
<% Dim countname
countname=Request.Form("GsmName1")&Request.Form("GsmName2")&Request.Form("GsmName3")&Request.Form("GsmName4")
set rs2 = server.CreateObject("adodb.recordset")
sql2 = "select gsm from tblgsm where gsm ="&countname
rs2.open sql2,conn,1,1
if rs2.eof then
response.Write "<script>alert('對不起,該序列ID號不存在!');history.go(-1);</script>"
response.End()
else
Set Rs1 = Server.CreateObject("Adodb.Recordset")
Sql = "Select * from tblSell where (id is null)"
Rs1.Open Sql, Conn, 1, 3
Rs1.Addnew()
Rs1("Gsm1") = Request.Form("Gsm1")
Rs1("GsmName1") = countname
Rs1("FirstName") = Request.Form("FirstName")
Rs1("Phone") = Request.Form("Phone")
Rs1.Update
Rs1.Close
set Rs1 =nothing
rs2.close()
set rs2=nothing
End If
Call OutScriptLoc("alert('您的資料已經成功提交.')","jszx.asp")
Response.End
%>

Ⅲ 求解HTML5如何連接資料庫

。。不是很准確。所謂html5是作為一種標准。而最終實現是需要瀏覽器內核支持。無論是顯示還是資料庫鏈接 和 瀏覽器內核有關。然後。html5 是支持SQLite的連接的。需要使用js的資料庫操作的一套api。chrome應該是比較好支持的 (5個月前 by 陸埜)

Ⅳ HTML中如何連接資料庫

HTML5連接資料庫分為以下幾步:
預備知識:Web SQL Database,Html5環境下可以用Js執行CRUD的Web資料庫組件。
核心方法如下:

1、openDatabase:這個方法使用現有資料庫或創建新資料庫創建資料庫對象。
2、transaction:這個方法允許我們根據情況控制事務提交或回滾。
3、executeSql:這個方法用於執行真實的SQL查詢。
第一步:打開連接並創建資料庫

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怎麼跟資料庫鏈接起來

HTML5屬於前端,連接資料庫的話需要一門後端語言,比如PHP,java一類。你可以用java去連接資料庫。html5其實是html的一個版本,只不過在國內被擴大了范圍,變成了html + css + javascript。資料庫跟html5就像頭與腿的關系,2者之間還隔著個身體...

Ⅵ html5本地存儲更新資料庫sql 怎麼寫

HTML5本地存儲——Web SQL Database
在HTML5 WebStorage介紹了html5本地存儲的Local Storage和Session Storage,這兩個是以鍵值對存儲的解決方案,存儲少量數據結構很有用,但是對於大量結構化數據就無能為力了,靈活大不夠強大。
Web SQL Database
我們經常在資料庫中處理大量結構化數據,html5引入Web SQL Database概念,它使用 SQL 來操縱客戶端資料庫的 API,這些 API 是非同步的,規范中使用的方言是SQLlite,悲劇正是產生於此,Web SQL Database規范頁面有著這樣的聲明

This document was on the W3C Recommendation track but specification work has stopped. The specification reached an impasse: all interested implementors have used the same SQL backend (Sqlite), but we need multiple independent implementations to proceed along a standardisation path.
大概意思就是
這個文檔曾經在W3C推薦規范上,但規范工作已經停止了。目前已經陷入了一個僵局:目前的所有實現都是基於同一個SQL後端(SQLite),但是我們需要更多的獨立實現來完成標准化。
也就是說這是一個廢棄的標准了,雖然部分瀏覽器已經實現,但。。。。。。。
三個核心方法
但是我們學一下也沒什麼壞處,而且能和現在W3C力推的IndexedDB做比較,看看為什麼要廢棄這種方案。Web SQL Database 規范中定義的三個核心方法:
openDatabase:這個方法使用現有資料庫或新建資料庫來創建資料庫對象
transaction:這個方法允許我們根據情況控制事務提交或回滾
executeSql:這個方法用於執行SQL 查詢

openDatabase
我們可以使用這樣簡單的一條語句,創建或打開一個本地的資料庫對象
var db = openDatabase('testDB', '1.0', 'Test DB', 2 * 1024 * 1024);

openDatabase接收五個參數:
資料庫名字
資料庫版本號
顯示名字
資料庫保存數據的大小(以位元組為單位 )
回調函數(非必須)

如果提供了回調函數,回調函數用以調用 changeVersion() 函數,不管給定什麼樣的版本號,回調函數將把資料庫的版本號設置為空。如果沒有提供回調函數,則以給定的版本號創建資料庫。
transaction
transaction方法用以處理事務,當一條語句執行失敗的時候,整個事務回滾。方法有三個參數
包含事務內容的一個方法
執行成功回調函數(可選)
執行失敗回調函數(可選)

db.transaction(function (context) {
context.executeSql('CREATE TABLE IF NOT EXISTS testTable (id unique, name)');
context.executeSql('INSERT INTO testTable (id, name) VALUES (0, "Byron")');
context.executeSql('INSERT INTO testTable (id, name) VALUES (1, "Casper")');
context.executeSql('INSERT INTO testTable (id, name) VALUES (2, "Frank")');
});

這個例子中我們創建了一個table,並在表中插入三條數據,四條執行語句任何一條出現錯誤,整個事務都會回滾
executeSql
executeSql方法用以執行SQL語句,返回結果,方法有四個參數
查詢字元串
用以替換查詢字元串中問號的參數
執行成功回調函數(可選)
執行失敗回調函數(可選)

在上面的例子中我們使用了插入語句,看個查詢的例子

db.transaction(function (context) {
context.executeSql('SELECT * FROM testTable', [], function (context, results) {
var len = results.rows.length, i;
console.log('Got '+len+' rows.');
for (i = 0; i < len; i++){
console.log('id: '+results.rows.item(i).id);
console.log('name: '+results.rows.item(i).name);
}
});

完整示例

<!DOCTYPE HTML>
<html>
<head>
<title>Web SQL Database</title>
</head>
<body>
<script type="text/javascript">
var db = openDatabase('testDB', '1.0', 'Test DB', 2 * 1024 * 1024);
var msg;
db.transaction(function (context) {
context.executeSql('CREATE TABLE IF NOT EXISTS testTable (id unique, name)');
context.executeSql('INSERT INTO testTable (id, name) VALUES (0, "Byron")');
context.executeSql('INSERT INTO testTable (id, name) VALUES (1, "Casper")');
context.executeSql('INSERT INTO testTable (id, name) VALUES (2, "Frank")');
});

db.transaction(function (context) {
context.executeSql('SELECT * FROM testTable', [], function (context, results) {
var len = results.rows.length, i;
console.log('Got '+len+' rows.');
for (i = 0; i < len; i++){
console.log('id: '+results.rows.item(i).id);
console.log('name: '+results.rows.item(i).name);
}
});
});
</script>
</body>
</html>

最後
由於Web SQL Database規范已經被廢棄,原因說的很清楚,當前的SQL規范採用SQLite的SQL方言,而作為一個標准,這是不可接受的,每個瀏覽器都有自己的實現這還搞毛的標准。這樣瀏覽器兼容性就不重要了,估計慢慢會被遺忘。不過Chrome的控制台真心好用啊,神馬cookie、Local Storage、Session Storage、Web SQL、IndexedDB、Application Cache等html5新增內容看的一清二楚,免去了很多調試代碼工作。

Ⅶ 在HTML5中button和submit有什麼分別

button-普通按鈕,submit-提交按鈕;
submit按鈕一般出現在網頁上需要提交信息到伺服器是才使用,
考頁面編輯人員決定,例如在同一天網頁表單上,用戶輸入時可能輸入錯誤或是偏差,則可以在網頁上創建一個button-清除(重置)按鈕,
一張表單可以有多個普通按鈕,且至少有一個提交按鈕(需提交表單網頁)。
Sumit提交表單,Button需要綁定事件才可以用提交數據
不可以的,比如說你想實現局部刷新,就不能用Sumit了,用Button綁定事件就好了,如果用Sumit綁定事件的話,在觸發事件的同事,也會提交表單的。。。。。。
submit需要有表單時,提交時才會帶數據。而button默認是不提交任何數據。那麼它們的區別就出來了,如果沒有表單的話,又想通過提交某些數據給後台進行回應,則需要通過button,當然使用submit也可以,但是前提要攔截onclick事件。當有表單的時候,如果提交的數據很多,那麼使用submit比button要好,可以減少很多數據的獲取動作。在很多情況下,提交數據是要使用JS進行校驗的,但如果這時候用戶禁用了JS,那麼校驗就失效了,如果後台也沒有進行校驗,那麼不合法的數據就進入後台了。通常的做法是通過button提交數據,那麼如果用戶禁用JS
,那麼數據提交動作就激活不了,
這樣能夠保證提交到後台的數據是經過前台校驗的。
Sumit提交表單,Button需要綁定事件才可以用提交數據
不可以的,比如說你想實現局部刷新,就不能用Sumit了,用Button綁定事件就好了,如果用Sumit綁定事件的話,在觸發事件的同事,也會提交表單的。。。。。

Ⅷ HTML5 Web SQL 資料庫怎樣實現多表查詢

HTML5的Web SQL Databases(html5 本地資料庫)的確很誘惑人,當你發現可以用與mysql查詢一樣的查詢語句來操作本地資料庫時,你會發現這東西挺有趣的。今天,我們一起來了解HTML 5的Web SQL Database API:openDatabase、transaction、executeSql。

Web SQL資料庫API實際上不是HTML5規范的組成部分,而是單獨的規范。它通過一套API來操縱客戶端的資料庫。Safari、Chrome、Firefox、Opera等主流瀏覽器都已經支持Web SQL Database。HTML5的Web SQL Databases的確很誘惑人,當你發現可以用與mysql查詢一樣的查詢語句來操作本地資料庫時,你會發現這東西挺有趣的。今天,我們一起來了解HTML 5的Web SQL Database API。

下面將一一將介紹怎樣創建打開資料庫,創建表,添加數據,更新數據,刪除數據,刪除表 。

先介紹三個核心方法

1、openDatabase:這個方法使用現有資料庫或創建新資料庫創建資料庫對象。

2、transaction:這個方法允許我們根據情況控制事務提交或回滾。

3、executeSql:這個方法用於執行真實的SQL查詢。

第一步:打開連接並創建資料庫

代碼如下:

var dataBase = openDatabase("student", "1.0", "學生表", 1024 * 1024, function () { });
if (!dataBase) {
alert("資料庫創建失敗!");
} else {
alert("資料庫創建成功!");
}

解釋一下openDatabase方法打開一個已經存在的資料庫,如果資料庫不存在,它還可以創建資料庫。幾個參數意義分別是:
1,資料庫名稱。
2,版本號 目前為1.0,不管他,寫死就OK。
3,對資料庫的描述。
4,設置數據的大小。
5,回調函數(可省略)。
初次調用時創建資料庫,以後就是建立連接了。
創建的資料庫就存在本地,路徑如下:
C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\databases\http_localhost_4987 。
創建的是一個sqllite資料庫,可以用SQLiteSpy打開文件,可以看到裡面的數據。SQLiteSpy是一個綠色軟體,可以網路一下下載地址或SQLiteSpy官方下載:SQLiteSpy。

第二步:創建數據表

代碼如下:

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);
});
});
}

解釋一下,
executeSql函數有四個參數,其意義分別是:
1)表示查詢的字元串,使用的SQL語言是SQLite 3.6.19。
2)插入到查詢中問號所在處的字元串數據。
3)成功時執行的回調函數。返回兩個參數:tx和執行的結果。
4)一個失敗時執行的回調函數。返回兩個參數:tx和失敗的錯誤信息。

第三步:執行增刪改查

1)添加數據:

代碼如下:

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

2)查詢數據

代碼如下:

this.query = function () {
dataBase.transaction(function (tx) {
tx.executeSql(
"select * from stu", [],
function (tx, result) { //執行成功的回調函數
//在這里對result 做你想要做的事情吧...........
},
function (tx, error) {
alert('查詢失敗: ' + error.message);
} );
});
}

解釋一下
上面代碼中執行成功的回調函數有一參數result。

result:查詢出來的數據集。其數據類型為 SQLResultSet ,就如同C#中的DataTable。
SQLResultSet 的定義為:

代碼如下:

interface SQLResultSet {
readonly attribute long insertId;
readonly attribute long rowsAffected;
readonly attribute SQLResultSetRowList rows;
};

其中最重要的屬性—SQLResultSetRowList 類型的 rows 是數據集的「行」 。
rows 有兩個屬性:length、item 。
故,獲取查詢結果的某一行某一列的值 :result.rows[i].item[fieldname] 。

3)更新數據

代碼如下:

this.update = function (id, name) {
dataBase.transaction(function (tx) {
tx.executeSql(
"update stu set name = ? where id= ?",
[name, id],
function (tx, result) {
},
function (tx, error) {
alert('更新失敗: ' + error.message);
});
});
}

4)刪除數據

代碼如下:

this.del = function (id) {
dataBase.transaction(function (tx) {
tx.executeSql(
"delete from stu where id= ?",
[id],
function (tx, result) {
},
function (tx, error) {
alert('刪除失敗: ' + error.message);
});
});
}

5)刪除數據表

代碼如下:

this.dropTable = function () {
dataBase.transaction(function (tx) {
tx.executeSql('drop table stu');
});
}