Javascript操作数据库

最新推荐文章于 2025-01-22 09:25:17 发布

原创最新推荐文章于 2025-01-22 09:25:17 发布 · 138 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #SQL #MySQL #CSS #HTML #ViewUI

Javascript 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个使用JavaScript通过ActiveX对象连接数据库并展示查询结果的方法。该方法适用于简单的数据读取操作，通过修改SQL语句可以查询不同的数据表。

<HTML>
<HEAD>
<TITLE>JSConnection DB</TITLE>
<METANAME="Generator"CONTENT="EditPlus">
<METANAME="Author"CONTENT="">
<METANAME="Keywords"CONTENT="">
<METANAME="Description"CONTENT="">
<style type="text/css">
	#the-table { border:1px solid #bbb;border-collapse:collapse;font:14 }
	#the-table td,#the-table th { border:1px solid #ccc;border-collapse:collapse;padding:3px;font:18}
</style>

<script language=javascript>
 function replace()
{
	var sql=$("sql").value;	
	if(sql=="")
	{
		$("msg").innerHTML="Please input a select sentence.";		
		return ;		
	}
	//容错问题，请读者自行进行判断。
	//定义SQL语句
	$("msg").innerHTML="";	
	try
	{
		var sql=sql;		
		//新建数据库连接对象和数据集存取对象
		var ConnDB=new ActiveXObject("ADODB.Connection");
		
		var rs=new ActiveXObject("ADODB.Recordset");
		
		//这里填入要连接的DSN
		//ConnDB.ConnectionString="DSN=mysql;uid=root;pwd=1234"; 
		ConnDB.ConnectionString="DSN=appserver;uid=test;pwd=1234";
		
		ConnDB.open()
		rs.open(sql,ConnDB,1,1);
		
		//具体的我也忘了，这样跟你说好了。如果单单是读取，不涉及更新操作，那就用1，1   
		//如果涉及读取及更新操作，可以用1,3   或3,2   
		//一般来讲基本上用的比较多的就这几种了！   
		//当然，你也可以不管三七二十一，一律用1，3也可以，当然如果只涉及读取操作，额外的开销就稍微大点。就这个意思！
		
		var tr=document.createElement("tr");		
		tr.style.backgroundColor="#FFE28C";		
		for(i=0;i<rs.fields.count;i++)
		{
			td=document.createElement("th");			
			td.innerHTML=rs.fields(i).name;			
			tr.appendChild(td);			
		}
		$("the-table").appendChild(tr);		
		var v;		
		while(!rs.EOF)
		{
			var tr=document.createElement("tr");			
			for(i=0;i<rs.fields.count;i++)
			{				
				td=document.createElement("<td nowrap></td>");				
				v=rs.fields(i).value;				
				if(v==""||v==null||v==undefined)
				{
					v="--";					
				}
				if(typeof (v)=="date")
				{
					var d=new Date(v).toLocaleString ();					
					v=d;					
				}
				td.innerHTML=v;				
				tr.appendChild(td);				
			}
			$("the-table").appendChild(tr);			
			rs.MoveNext
		}
		rs.close();		
		ConnDB.close();		
	}
	catch(e)
	{
		alert(e.name+": "+e.message);		
	}
}
function clr()
{
	while($("the-table").childNodes.length>0)
	{
		$("the-table").removeChild($("the-table").lastChild)
	}
}
function $(id)
{
	return document.getElementById(id);
}
</script>

</HEAD>
<BODY>
<textarea id=sql cols=100 rows=5>select * from ss_users;</textarea>
<INPUT TYPE="button" onclick="replace()" value="search">
<INPUT TYPE="button" onclick="clr()"value="clear">
<table width=90% cellspacing="0">
<tbody id="the-table">
</tbody>
</table>
<div id=msg></div>
</BODY>
</HTML>