JavaScript操作Oracle數(shù)據(jù)庫示例

更新時間：2015年03月06日 09:27:20 投稿：junjie

這篇文章主要介紹了JavaScript操作Oracle數(shù)據(jù)庫示例,本文使用ActiveXObject實現(xiàn)訪問Oracle數(shù)據(jù)庫,需要的朋友可以參考下

我還是IT界的一只小菜鳥，參加工作時間不長，不過憑著自己的一顆好學的心還有自己永不停止的學習腳步，自己在編程方面也是收獲頗豐~~

一直以為JavaScript想和數(shù)據(jù)庫交互必須通過AJAX來調(diào)用服務器端代碼（C#或JAVA）才行，但最近才發(fā)現(xiàn)JavaScript可以直接與數(shù)據(jù)庫進行交互...下面是一個簡單的從數(shù)據(jù)庫中調(diào)取數(shù)據(jù)加載到界面的小例子(有關JS操作數(shù)據(jù)方面的知識大家如有什么好的建議希望您能留下，我們相互學習，共同進步)~~

<!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";
    //新建數(shù)據(jù)庫連接對象和數(shù)據(jù)集存取對象
    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;'>作業(yè)文本ID號</td><td style='border:solid 1px gray;'>專業(yè)編號</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>

您可能感興趣的文章: