将数据库中的内容以表格形式显示到页面的div中

最新推荐文章于 2021-10-31 21:47:13 发布

原创

最新推荐文章于 2021-10-31 21:47:13 发布 · 4.5k 阅读

5 ·

CC 4.0 BY-SA版权

这个函数展示了如何使用JavaScript从数据库中检索视频信息，并以表格形式填充到HTML页面的div 'Videolist' 中。通过创建ActiveXObject连接SQL数据库，执行查询并动态生成包含图片、名称、描述和操作按钮的表格行。

function printV()
{//输出视频列表
    var objrsn=new Array();
    var objrsl=new Array();
    var objrsu=new Array();
    var objrsi=new Array();
    var Vtag=new Array();
    var objdbConn = new ActiveXObject("ADODB.Connection");// DSN字符串
    var strdsn = "Provider=SQLOLEDB.1;Data   SourceR=local;UID=sa;PWD=123456;Initial   Catalog=video";// 打开数据源
    objdbConn.Open(strdsn);// 执行SQL的数据库查询
    //查询命令
    objrsn = objdbConn.Execute("SELECT *, Vname AS Expr1 FROM Vidoe");
    objrsl = objdbConn.Execute("SELECT *, Vlog AS Expr2 FROM Vidoe");
    objrsu = objdbConn.Execute("SELECT *, Vurl AS Expr2 FROM Vidoe");
    objrsi = objdbConn.Execute("SELECT *, Vimg AS Expr2 FROM Vidoe");
    document.getElementById("Videolist").innerHTML= '<table width="90%" border="2" cellspacing="4" cellpadding="4">';
    for(i=0;i<objrsn.length;i++)
    {
        Vtag[i]='<tr><td>';
        Vtag[i]+='<img src="'+objrsi[i]+'"width="50" height=