静态页面下用javascript操作ACCESS数据库(读增改删)的代码


Posted in Javascript onMay 14, 2007

静态页面读取ACCESS数据库.htm

 <script language="javascript">  
  //用 JavaScript 写服务器端连接数据库的代码示例  
  var conn = new ActiveXObject("ADODB.Connection");  
  conn.Open("DBQ=E:\\a.mdb;DRIVER={Microsoft Access Driver (*.mdb)};");  
  var rs = new ActiveXObject("ADODB.Recordset");  
  var sql="select * from friends_infor";  
  rs.open(sql, conn);  
 shtml = "<table width='100%' border=1>";  
 shtml +="<tr bgcolor='#f4f4f4'><td>au_id</td><td>au_lname</td><td>au_fname</td></tr>";  
  while(!rs.EOF)  
  {  
 shtml += "<tr><td>" + rs("friend_id") + "</td><td>" + rs("friend_name") + "</td><td>" + rs("friend_nickname") + "</td></tr>";  
 rs.moveNext;  
  }  
  shtml += "</table>";  
  document.write(shtml);  
  rs.close();   
  rs = null;   
  conn.close();   
  conn = null;  
 </script>

添加数据到数据库页面-Insert.htm
<table width='100%' border=1> 
 <tr bgcolor='#f4f4f4'><td>friend_name</td><td>friend_nickname</td></tr> 
<tr><td><input name=username id=username type=text value="" /></td> 
<td><input name=nickname id=nickname type=text value=""/></td></tr> </table> 
 <script language="javascript">  
    function editmdb(username,nickname) 
    { 
      //用 JavaScript 写服务器端连接数据库的代码示例  
      var conn = new ActiveXObject("ADODB.Connection");  
      conn.Open("DBQ=E:\\a.mdb;DRIVER={Microsoft Access Driver (*.mdb)};");  
      var rs = new ActiveXObject("ADODB.Recordset");  
      var sql="insert into friends_infor(friend_name,friend_nickname) values('" + username + "','" + nickname + "')";  
      //rs.open(sql, conn);  
      //rs.close();   
      //rs = null;   
       conn.execute(sql); 
      conn.close();   
      conn = null;  
        alert("添加成功"); 
    } 
 </script> 
<input name="1" type="button" value="添加" onclick="editmdb (username.value,nickname.value)"/>

删除功能-Delete.htm
<input name="1" type="button" value="修改" onclick=""/> 
 <script language="javascript">  
//function deldata(userid) 
//{ 
  //用 JavaScript 写服务器端连接数据库的代码示例  
  var conn = new ActiveXObject("ADODB.Connection");  
  conn.Open("DBQ=E:\\a.mdb;DRIVER={Microsoft Access Driver (*.mdb)};");  
  var rs = new ActiveXObject("ADODB.Recordset");  
  var sql="delete from friends_infor  where friend_id=135";  
  //rs.open(sql, conn);  
  //rs.close();   
  //rs = null;   
   conn.execute(sql); 
  conn.close();   
  conn = null;  
    alert("修改成功"); //} 
 </script>

修改功能 Updata.htm
 <script language="javascript">  
function getdata() 
{ 
  //用 JavaScript 写服务器端连接数据库的代码示例  
  var conn = new ActiveXObject("ADODB.Connection");  
  conn.Open("DBQ=E:\\a.mdb;DRIVER={Microsoft Access Driver (*.mdb)};");  
  var rs = new ActiveXObject("ADODB.Recordset");  
  var sql="select * from friends_infor where friend_id=100";  
  rs.open(sql, conn);  
 shtml = "<table width='100%' border=1>";  
 shtml +="<tr bgcolor='#f4f4f4'><td>friend_id</td><td>friend_name</td><td>friend_nickname</td></tr>";  
  while(!rs.EOF)  
  {  
 shtml += "<tr><td>" + rs("friend_id") + "</td><td>" + rs("friend_name") + "</td><td>" + rs("friend_nickname") + "</td></tr>";  
 shtml += "<tr><td>" + rs("friend_id") + "<input name=userid id=userid type=hidden value=" + rs("friend_id") + " /></td><td><input name=username id=username type=text value=" + rs("friend_name") + " /></td><td><input name=nickname id=nickname type=text value=" + rs("friend_nickname") + " /></td></tr>";  
 rs.moveNext;  
  }  
  shtml += "</table>";  
  document.write(shtml);  
  rs.close();   
  rs = null;   
  conn.close();   
  conn = null; 
}  
getdata() 
 </script> 
 <script language="javascript">  
function editmdb(userid,username,nickname) 
{ 
  //用 JavaScript 写服务器端连接数据库的代码示例  
  var conn = new ActiveXObject("ADODB.Connection");  
  conn.Open("DBQ=E:\\a.mdb;DRIVER={Microsoft Access Driver (*.mdb)};");  
  var rs = new ActiveXObject("ADODB.Recordset");  
  var sql="update friends_infor set friend_name='" + username + "',friend_nickname='" + nickname + "' where friend_id=" + userid + "";  
  //rs.open(sql, conn);  
  //rs.close();   
  //rs = null;   
   conn.execute(sql); 
  conn.close();   
  conn = null;  
    alert("修改成功"); 
getdata() 
} 
 </script> 
<input name="1" type="button" value="修改" onclick="editmdb (userid.value,username.value,nickname.value)"/>
Javascript 相关文章推荐
JQuery页面图片切换和新闻列表滚动效果的具体实现
Sep 26 Javascript
ie浏览器使用js导出网页到excel并打印
Mar 11 Javascript
Javascript基础教程之关键字和保留字汇总
Jan 18 Javascript
vue2.0使用Sortable.js实现的拖拽功能示例
Feb 21 Javascript
JS实现的添加弹出层并完成锁屏操作示例
Apr 07 Javascript
原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面
Nov 01 Javascript
JSON数据中存在单个转义字符“\”的处理方法
Jul 11 Javascript
在vue中使用SockJS实现webSocket通信的过程
Aug 29 Javascript
Vue 组件修改根实例的数据的方法
Apr 02 Javascript
解决idea开发遇到javascript动态添加html元素时中文乱码的问题
Sep 29 Javascript
解决antd datepicker 获取时间默认少8个小时的问题
Oct 29 Javascript
Vue 防止短时间内连续点击后多次触发请求的操作
Nov 11 Javascript
User Scripts: Video Download by User Scripts
May 14 #Javascript
javascript之卸载鼠标事件的代码
May 14 #Javascript
getElementById在任意一款浏览器中都可以用吗的疑问回复
May 13 #Javascript
JavaScript脚本语言在网页中的简单应用
May 13 #Javascript
编辑浪子版表单验证类
May 12 #Javascript
textContent在Firefox下与innerText等效的属性
May 12 #Javascript
关于__defineGetter__ 和__defineSetter__的说明
May 12 #Javascript
You might like
phpMyAdmin 链接表的附加功能尚未激活问题的解决方法(已测)
2012/03/27 PHP
php多线程实现方法及用法实例详解
2015/10/26 PHP
给Javascript数组插入一条记录的代码
2007/08/30 Javascript
ajax无刷新动态调用股票信息(改良版)
2008/11/01 Javascript
利用JQuery和JS实现奇偶行背景颜色自定义效果
2012/11/19 Javascript
深入Javascript函数、递归与闭包(执行环境、变量对象与作用域链)使用详解
2013/05/08 Javascript
捕获键盘事件(且兼容各浏览器)
2013/07/03 Javascript
jQuery实现的输入框选择时间插件用法实例
2015/02/28 Javascript
JavaScript实现鼠标滑过图片变换效果的方法
2015/04/16 Javascript
js限制input标签中只能输入中文
2015/06/26 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
2015/11/26 Javascript
使用PHP+JavaScript将HTML页面转换为图片的实例分享
2016/04/18 Javascript
es6的数字处理的方法(5个)
2017/03/16 Javascript
微信小程序实现给循环列表添加点击样式实例
2017/04/26 Javascript
微信小程序表单验证错误提示效果
2017/05/19 Javascript
React Native react-navigation 导航使用详解
2017/12/01 Javascript
vue、react等单页面项目部署到服务器的方法及vue和react的区别
2018/09/29 Javascript
Windows下支持自动更新的Electron应用脚手架的方法
2018/12/24 Javascript
JS为什么说async/await是generator的语法糖详解
2019/07/11 Javascript
vue 使用鼠标滚动加载数据的例子
2019/10/31 Javascript
微信小程序swiper实现文字纵向轮播提示效果
2020/01/21 Javascript
Python中正则表达式的详细教程
2015/04/30 Python
Python实现模拟登录及表单提交的方法
2015/07/25 Python
python获取指定字符串中重复模式最高的字符串方法
2018/06/29 Python
对python中各个response的使用说明
2020/03/28 Python
医学专业个人求职自荐信格式
2013/09/23 职场文书
护士自我鉴定范文
2013/10/06 职场文书
校长就职演讲稿
2014/01/06 职场文书
买房协议书
2014/04/11 职场文书
博士生导师推荐信
2014/07/08 职场文书
党校学习党性分析材料
2014/12/19 职场文书
python调试工具Birdseye的使用教程
2021/05/25 Python
mysql主从复制的实现步骤
2021/10/24 MySQL
Linux下使用C语言代码搭建一个简单的HTTP服务器
2022/04/13 Servers
nginx rewrite功能使用场景分析
2022/05/30 Servers
MySQL中正则表达式(REGEXP)使用详解
2022/07/07 MySQL