html調用資料庫
① html怎麼鏈接資料庫
HTML靜態本身是不可以直接連接資料庫的，但是可以在靜態網頁里嵌套一個JS腳本或一個,再在這個JS或里連接資料庫。這樣就達到了HTML靜態網頁顯示資料庫內容的目標。這種方法是被各大網站廣泛應用的，例如一篇太平洋網上的熱點文章。它的文章主體是一個靜態網頁，但文章下面的評論卻是動態的資料庫內容。類似的還在非常多，尤其是一些大型網站
② html頁面能直接調用資料庫數據顯示到頁面上嗎，如果不能要怎麼做請大蝦指點，最好詳細點，謝謝
不能。
<%
set conn =server.CreateObject("adodb.connection")
conn.open "driver={microsoft access driver (*.mdb)};dbq="&server.MapPath("資料庫名稱")
set rs =conn.execute("select*form 數據表名")
for i=0 to rs fields.count-1
response.Write(rs(i).name)
next
conn.close()
%>
這只能輸出表頭，
是asp的
③ 在html靜態頁面裡面怎麼用函數調用資料庫啊求高手幫忙
html是靜態頁面，因此，如果實現資料庫動態調用，最好的方法就是使用AJAX技術，使用XMLHTTPrequest來請求。
給一個示例吧：
function requestHttp(){
var request;
if(window.XMLHttpRequest) {
request = new XMLHttpRequest();
if(request.overrideMimeType) {request.overrideMimeType('text/xml');
}
} else if(window.ActiveXObject) {
var versions = ['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Microsoft.XMLHTTP', 'Msxml2.XMLHTTP.7.0', 'Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP'];
for(var i=0; i<versions.length; i++) {try
{request = new ActiveXObject(versions[i]);break;}
catch(e) {}
}}
return request;
}
function xmlhttp(){
this.r=requestHttp();
}
xmlhttp.prototype.postopen=function(url,data){
this.r.open('POST',url,false);
this.r.setrequestheader("content-type","application/x-www-form-urlencoded");
this.r.onreadystatechange = ReadyStateChange(this);
if(typeof(data)=='undefined')
this.r.send();
else
this.r.send(data);
}
xmlhttp.prototype.getopen=function(url){
if(window.XMLHttpRequest) {this.r.open('GET',url);
this.r.onreadystatechange = ReadyStateChange(this);
this.r.send(null);
} else {
this.r.open("GET", url, true);
this.r.onreadystatechange = ReadyStateChange(this);
this.r.send();
}
}
ReadyStateChange=function(obj){
return function(){
if(obj.r.readyState==4){
obj.status=obj.r.status;
obj.text=obj.r.responseText;
obj.body=obj.r.responseBody;
callpage();
}
}
}
把這個別存為Shopajax.js
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript" src="shopajax.jss"></script>
</HEAD>
<BODY>
<div id="as"></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
var ajax=new xmlhttp();
debugger
ajax.getopen("1.html");
function callpage(){
if(ajax.status==0){//本地為0，遠程為200
var obj=eval('('+ajax.text+')');
document.getElementById("as").innerHTML="年紀："+obj.Age+"<br>薪水："+obj.Money;
}
}
//-->
</SCRIPT>
</BODY>
</HTML>
這個隨便存一個頁面保存為index.html
{"Money":2000.00,"Age":21}
把這個存成一個1.html
保存完後，點擊Index.html就可以看到Div裡面有值了。值是從1.html裡面取到的。這個過程實現 了Ajax
④ HTML能不能和資料庫連接
非常狹義地說，前端在網路協議層面就不能直接「連接」到資料庫。因為 JS 默認發出的請求走的都是應用層的 HTTP 協議，並非與常見資料庫交互時所需的長連接。此時的通信協議一般是各家資料庫廠商在 TCP/UDP 之上自己約定的（比如默認 MySQL 連 3306 埠走 MySQL 的協議 ，MongoDB 連 27017 埠然後走它的 Wire Protocol ）。雖然不同資料庫之間有 ODBC 這樣的標准能讓你兼容地連上它們然後無腦 SQL，但這類協議的實現也並非建立在 HTTP 或 WebSocket 之上，不是前端直接發網路請求
就能連上的東西。
當然這種理解比較片面。因為你在技術上也完全可以直接在前端生成
SQL，靠一層非常薄的後端服務「代理」轉發給資料庫執行。這也就是很多其他回答里的「SQL over
HTTP」式方案。容易看出，這種做法在安全性和性能上都有先天的不足，不屬於現在互聯網行業顯學的主流（F12 警告，注入警告，大並發警告）。
但除了直接在前端拼 SQL 之外，還有沒有更廣義一點的「前端連接資料庫」方式呢？個人覺得其實還是有的。比如為了盡可能易用，資料庫本身的 API 都可以直接做成 REST 的形式方便前端一把梭，例子就是很方便做小應用的 CouchDB。再廣義一點，如果把 GraphQL 當作「更好的 SQL 格式」，那麼只要你能和 GraphQL 服務端通信，是不是也算直接連上了資料庫呢？這時候也已經有 Hasura
這樣的項目能幫你把 GraphQL 查詢直接映射到 PostgreSQL 等資料庫上，這時它在概念上就像一種更方便的跨資料庫 driver
方便你來增查改刪，這個餅感覺還是能畫得很大的。畢竟按傳統的互聯網味技術棧，一個業務概念需要在資料庫里、後端業務邏輯和前端業務邏輯里各定義一遍，中途太多膠水可以節約了，肯定是一步到胃最舒服啊。
⑤ HTML5怎麼連接資料庫
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);
} );
});
⑥ html怎麼和資料庫連接
方法和詳細的操作步驟如下：
1、第一步， 「sudo su postgres」命令進入「postgres」，見下圖，轉到下面的步驟。
⑦ 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);
} );
});
⑧ 怎樣從HTML網頁中獲取SQL資料庫里的數據
HTML是無法讀取資料庫的，HTML是頁面前端腳本語言，要想從HTML網頁中獲取SQL資料庫里的數據，需要藉助JSP或ASP或php或RUBY等語言來實現。
SQL資料庫的數據體系結構基本上是三級結構，但使用術語與傳統關系模型術語不同。在SQL中，關系模式(模式)稱為「基本表」(base table)；存儲模式(內模式)稱為「存儲文件」(stored file)；子模式(外模式)稱為「視圖」(view)；元組稱為「行」(row)；屬性稱為「列」(column)。
(8)html調用資料庫擴展閱讀
SQL語言的組成：
1、一個SQL資料庫是表(Table)的集合，它由一個或多個SQL模式定義。
2、一個SQL表由行集構成，一行是列的序列(集合)，每列與行對應一個數據項。
3、一個表或者是一個基本表或者是一個視圖。基本表是實際存儲在資料庫的表，而視圖是由若干基本表或其他視圖構成的表的定義。
4.一個基本表可以跨一個或多個存儲文件，一個存儲文件也可存放一個或多個基本表。每個存儲文件與外部存儲上一個物理文件對應。
5.用戶可以用SQL語句對視圖和基本表進行查詢等操作。在用戶角度來看，視圖和基本表是一樣的，沒有區別，都是關系(表格)。
6.SQL用戶可以是應用程序，也可以是終端用戶。SQL語句可嵌入在宿主語言的程序中使用，宿主語言有FORTRAN，COBOL和Ada語言等。
⑨ html代碼裡面如何調用資料庫裡面的數據，代碼是怎樣的
跟資料庫交互，需要動態的語言，php，asp，jsp，.NET
可以用這些語言從資料庫取到數據輸出html
也可以在html中通過jquery，js 跟伺服器端進行交互。總之操作資料庫需要動態語言