JavaScript操作数据库总结

来源:互联网 发布:linux usr目录 编辑:程序博客网 时间:2024/06/05 03:56

JS连接sqlserver【MyCode】:

<script language="javascript">
        function logn() {  //函数功能仅仅是判断输入的用户名和密码是否正确,没有考虑sql注入等
            var conn = new ActiveXObject("ADODB.Connection");
            conn.Open("Provider=SQLOLEDB.1; Data Source=127.1.1.0; User ID=sa; " + "Password=123456; Initial Catalog=database1");
            var rs = new ActiveXObject("ADODB.Recordset");
            var oUserName = document.getElementById("username");
            var oPwd = document.getElementById("pwd");
            var sql = "select pwd from yonghu where name='" + oUserName.value + "'";
            //alert(sql);
            rs.open(sql, conn);
            if (!rs.EOF && rs(0) == oPwd.value)
                alert(rs(0)); //取出第一个来
            else
                alert("用户名或密码错误!")
            rs.close();
            rs = null;
            conn.close();
            conn = null;
        }
    </script>

 

以下内容参考自:http://blog.csdn.net/yxp200401/article/details/7738845

1.查询

[javascript] view plaincopy
  1. <html>  
  2. <head>  
  3. <title>表格显示数据表记录</title>  
  4. </head>  
  5. <body>  
  6. <h2>表格显示数据表记录</h2>  
  7. <hr>  
  8. <mce:script language="JavaScript"><!--  
  9. // 创建数据库对象  
  10. var objdbConn = new ActiveXObject("ADODB.Connection");  
  11. // DSN字符串  
  12. var strdsn = "Driver={SQL Server};SERVER=.;UID=sa;PWD=haiweisoft;DATABASE=PointCard";  
  13. // 打开数据源  
  14. objdbConn.Open(strdsn);  
  15. // 执行SQL的数据库查询  
  16. var objrs = objdbConn.Execute("SELECT * FROM news");//Execute也可以执行增删改  
  17. // 获取字段数目  
  18. var fdCount = objrs.Fields.Count - 1;  
  19. // 检查是否有记录   
  20. if (!objrs.EOF){  
  21.    document.write("<table border=1><tr>");     
  22.    // 显示数据库的字段名称  
  23.    for (var i=0; i <= fdCount; i++)  
  24.        document.write("<td><b>" + objrs.Fields(i).Name + "</b></td>");  
  25.    document.write("</tr>");  
  26.    // 显示数据库内容  
  27.    while (!objrs.EOF){  
  28.      document.write("<tr>");       
  29.      // 显示每笔记录的字段  
  30.      for (i=0; i <= fdCount; i++)  
  31.         document.write("<td valign='top'>" + objrs.Fields(i).Value + "</td>");  
  32.      document.write("</tr>");  
  33.      objrs.moveNext();   // 移到下一笔记录  
  34.    }  
  35.    document.write("</table>");   
  36. }  
  37. else   
  38.    document.write("数据库内没有记录!<br>");  
  39. objrs.Close();         // 关闭记录集合  
  40. objdbConn.Close();     // 关闭数据库链接  
  41. // --></mce:script>  
  42. </body>  
  43. </html>  
  

 


2.增加操作

[javascript] view plaincopy
  1. <HTML>  
  2. <HEAD>  
  3. <TITLE>增加操作</TITLE>  
  4. <mce:script language="javascript"><!--  
  5.    
  6. function addUser(id,stuName)   
  7. {   
  8. //用 JavaScript 写服务器端连接数据库的代码示例   
  9. var conn = new ActiveXObject("ADODB.Connection");   
  10. conn.Open("DBQ=F://abc.mdb;DRIVER={Microsoft Access Driver (*.mdb)};");   
  11. var sql="insert into Student(ID,stuName) values("+id+",'"+stuName+"')";   
  12. try{  
  13.    conn.execute(sql);   
  14.    alert("添加成功");   
  15. }  
  16. catch(e){  
  17.    document.write(e.description);  
  18.    alert("添加失败~~~");  
  19. }  
  20. conn.close();  
  21.   
  22. }   
  23. // --></mce:script>   
  24. </HEAD>  
  25.   
  26. <BODY>  
  27. <table width=100 border=1>   
  28.    <tr bgcolor='#f4f4f4'>  
  29.     <td>编号</td>  
  30.     <td>姓名</td>  
  31.    </tr>   
  32.    <tr>  
  33.     <td><input id="stuId" /></td>   
  34.     <td><input id="stuName"/></td>  
  35.    </tr>   
  36. </table>   
  37. <input name="1" type="button" value="添加" onclick="addUser(stuId.value,stuName.value)"/>  
  38. </BODY>  
  39. </HTML>  

3.删除操作

[javascript] view plaincopy
  1. <HTML>  
  2. <HEAD>  
  3. <TITLE>删除操作</TITLE>  
  4. <mce:script language="javascript"><!--  
  5.    
  6. function delStu(id)   
  7. {   
  8.    var conn = new ActiveXObject("ADODB.Connection");   
  9.    conn.Open("DBQ=F://abc.mdb;DRIVER={Microsoft Access Driver (*.mdb)};");   
  10.    var sql="delete from Student where Id=2";   
  11.    conn.execute(sql);   
  12.    conn.close();   
  13.    conn = null;   
  14.    alert("修改成功");   
  15. }   
  16. // --></mce:script>  
  17. </HEAD>  
  18.   
  19. <BODY>  
  20. <input name="1" type="button" value="删除" onclick="delStu(1)"/>   
  21. </BODY>  
  22. </HTML>  

 

4.修改操作

[javascript] view plaincopy
  1. <HTML>  
  2. <HEAD>  
  3. <TITLE>修改操作 </TITLE>  
  4. </HEAD>  
  5. <mce:script type="text/javascript"><!--  
  6.    
  7. function updateUser(userId,userName)   
  8. {   
  9.    var conn = new ActiveXObject("ADODB.Connection");   
  10.    conn.Open("DBQ=F://abc.mdb;DRIVER={Microsoft Access Driver (*.mdb)};");   
  11.    var rs = new ActiveXObject("ADODB.Recordset");   
  12.    var sql="update Student set stuName='" + userName + "' where Id=" + userId + "";   
  13.    conn.execute(sql);   
  14.    conn.close();   
  15.    conn = null;   
  16.    alert("修改成功");   
  17. }   
  18. // --></mce:script>   
  19. <BODY>  
  20.    <table width=100 border=1>   
  21.    <tr bgcolor='#f4f4f4'>  
  22.     <td>编号</td>  
  23.     <td>姓名</td>  
  24.    </tr>   
  25.    <tr>  
  26.     <td><input id="stuId" /></td>   
  27.     <td><input id="stuName"/></td>  
  28.    </tr>   
  29. </table>   
  30. <input name="1" type="button" value="修改" onclick="updateUser(stuId.value,stuName.value)"/>  
  31. </BODY>  
  32. </HTML>  

 

另外,JS也可以操作SQL Server数据库
数据库名为:MySchool,表名为Student,StudentId为int类型,自增列,studentName为学生姓名,为varchar类型。数据库用户名为sa,密码是ok。

[javascript] view plaincopy
  1. <HTML>  
  2. <HEAD>  
  3. <TITLE>SQL数据查询</TITLE>  
  4. <Script >  
  5. var conn = new ActiveXObject("ADODB.Connection");   
  6. conn.Open("Driver={SQL server};Server=.;DataBase=MySchool;UID=sa;Password=ok;");//打开数据库  
  7. var rs = new ActiveXObject("ADODB.Recordset");   
  8. var sql="select * from Student";   
  9. rs.open(sql, conn);   
  10. var html="";  
  11. while(!rs.EOF)   
  12. {   
  13.    html=html+rs.Fields("StudentId")+" "+rs.Fields("studentName")+"<br/>";   
  14.    rs.moveNext();   
  15. }   
  16. document.write(html);  
  17. rs.close();   
  18. rs = null;   
  19. conn.close();   
  20. conn = null;   
  21. </script>  
  22. </HEAD>  
  23.   
  24. <BODY>  
  25. </BODY>  
  26. </HTML>  

 

原创粉丝点击