我還是IT界的一只小菜鳥,參加工作時間不長,不過憑著自己的一顆好學的心還有自己永不停止的學習腳步,自己在編程方面也是收獲頗豐~~
一直以為JavaScript想和數據庫交互必須通過AJAX來調用服務器端代碼(C#或JAVA)才行,但最近才發現JavaScript可以直接與數據庫進行交互...下面是一個簡單的從數據庫中調取數據加載到界面的小例子(有關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">
function getData()
{
//定義SQL語句
var sql = "select obj_id,obj_caption from mw_sys.mwt_om_obj where rownum<5000";
//新建數據庫連接對象和數據集存取對象
var ConnDB = new ActiveXObject("ADODB.Connection");
ConnDB.open("Provider=MSDAORA.1;Password=app;User ID=mw_app;Data Source=pms;Persist Security Info=True");
var rs = new ActiveXObject("ADODB.Recordset");
rs.ActiveConnection = ConnDB;
rs.Open(sql);
//遍歷
var s;
var rownum=0;
var shtml="<table cellpadding=0; cellspacing=0; style='border:solid 1px gray;'><thead><td style='border:solid 1px gray; text-align:center;'>行號</td><td style='border:solid 1px gray; text-align:center;'>作業文本ID號</td><td style='border:solid 1px gray;'>專業編號</td><tbody>";
while(!rs.EOF)
{
shtml+="<tr><td style='border:solid 1px gray; text-align:center;'>";
shtml+=rownum+1;
shtml+="</td>";
for(i = 0;i<rs.Fields.Count;++i)
{
shtml+="<td style='border:solid 1px gray; background-color:yellow;'>";
shtml+=rs.Fields(i).value==null?" ":rs.Fields(i).value;
shtml+="</td>";
}
shtml+="</tr>";
rownum++;
if(rownum==1000)
break;
rs.MoveNext();
}
shtml+="</tbody></table>";
rs.close();
ConnDB.close();
document.getElementById("data").innerHTML=shtml;
}
</script>
</HEAD>
<BODY>
<input type="button" value="Table" onclick="getData()"/>
<div id="data">
</div>
</BODY>
</HTML>