wangchunbo空间 2019-04-26
我还是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>