静态页面下用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插件实现图片延迟加载技术详细说明
Mar 12 Javascript
javascript针对DOM的应用分析(二)
Apr 15 Javascript
jquery更换文章内容与改变字体大小代码
Sep 30 Javascript
javascript向后台传送相同属性的参数即数组参数
Feb 17 Javascript
jQuery三级下拉列表导航菜单代码分享
Apr 15 Javascript
原生JavaScript制作微博发布面板效果
Mar 11 Javascript
全面解析Bootstrap中tooltip、popover的使用方法
Jun 13 Javascript
jQuery.uploadify文件上传组件实例讲解
Sep 23 Javascript
简单理解js的冒泡排序
Dec 19 Javascript
Bootstrap页面缩小变形的快速解决办法
Feb 03 Javascript
如何使用bootstrap框架 bootstrap入门必看!
Apr 13 Javascript
基于Vue+ElementUI的省市区地址选择通用组件
Nov 20 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
探讨PHP调用时间格式的参数详解
2013/06/06 PHP
去除php注释和去除空格函数分享
2014/03/13 PHP
PHP弱类型语言中类型判断操作实例详解
2017/08/10 PHP
PHP实现函数内修改外部变量值的方法示例
2018/12/28 PHP
ASP SQL防注入的方法
2008/12/25 Javascript
javascript重写alert方法的实例代码
2013/03/29 Javascript
window.event.keyCode兼容IE和Firefox实现js代码
2013/05/30 Javascript
深入理解javascript动态插入技术
2013/11/12 Javascript
script标签属性用type还是language
2015/01/21 Javascript
JSON+Jquery省市区三级联动
2016/01/13 Javascript
12个非常实用的JavaScript小技巧【推荐】
2016/05/18 Javascript
jQuery代码性能优化的10种方法
2016/06/21 Javascript
微信公众平台开发教程(五)详解自定义菜单
2016/12/02 Javascript
node.js+jQuery实现用户登录注册AJAX交互
2017/04/28 jQuery
Vue-resource拦截器判断token失效跳转的实例
2017/10/27 Javascript
vue组件命名和props命名代码详解
2019/09/01 Javascript
JS+Canvas实现五子棋游戏
2020/08/26 Javascript
JavaScript如何操作css
2020/10/24 Javascript
vue mvvm数据响应实现
2020/11/11 Javascript
python实现矩阵乘法的方法
2015/06/28 Python
浅析Python编写函数装饰器
2016/03/18 Python
恢复百度云盘本地误删的文件脚本(简单方法)
2017/10/21 Python
Python Socket使用实例
2017/12/18 Python
pyspark 读取csv文件创建DataFrame的两种方法
2018/06/07 Python
对pandas中Series的map函数详解
2018/07/25 Python
Python引用计数操作示例
2018/08/23 Python
让代码变得更易维护的7个Python库
2018/10/09 Python
Dlib+OpenCV深度学习人脸识别的方法示例
2019/05/14 Python
Pycharm修改python路径过程图解
2020/05/22 Python
python实点云分割k-means(sklearn)详解
2020/05/28 Python
加拿大最大的钻石商店:Peoples Jewellers
2018/01/01 全球购物
工业学校毕业生自荐书
2014/01/03 职场文书
高中校园广播稿
2014/01/11 职场文书
期终自我鉴定
2014/02/17 职场文书
新闻传媒系求职信范文
2014/04/19 职场文书
小学竞选班长演讲稿
2014/09/09 职场文书