lsz.rar_js操作数据库_js链接数据库资源-CSDN文库

共11个文件

css：5个

js：4个

mdb：1个

版权申诉

13 浏览量 2022-09-20 16:04:00 上传评论收藏 30KB RAR 举报

在JavaScript的世界里，静态网页与数据库的交互是一个重要的技术环节，尤其在现代Web应用中，动态数据的展示和用户交互离不开数据库的支持。本主题“jsz.rar”主要探讨了如何利用JavaScript来操作和链接数据库，这包括理解基本的数据库概念、使用Ajax进行异步通信以及了解相关的JavaScript库和API。我们要明白JavaScript是一种客户端脚本语言，通常运行在用户的浏览器上，而数据库则通常位于服务器端。因此，JavaScript直接操作数据库是有限制的，为了实现这种连接，我们通常会借助于Ajax（异步JavaScript和XML）技术，它允许JavaScript在不刷新整个页面的情况下向服务器发送请求并接收响应。在描述中提到的“js链接数据库”，实际上可能是指通过Ajax技术与服务器端的接口进行交互，进而间接地操作数据库。 1. **Ajax基础**：Ajax的核心是XMLHttpRequest对象，它负责在后台与服务器进行通信。通过创建XMLHttpRequest对象，打开与服务器的连接，发送请求，然后监听状态变化以获取响应。随着技术的发展，现在更推荐使用基于Promise的fetch API或jQuery的$.ajax()方法，它们提供了更简洁的语法和更好的错误处理。 2. **接口设计**：服务器端通常会提供RESTful API或者Web服务，如SOAP，供前端JavaScript调用。这些接口接收前端发送的数据，并通过执行相应的SQL查询来操作数据库。例如，GET请求用于查询，POST请求用于插入，PUT请求用于更新，DELETE请求用于删除。 3. **JSON数据交换格式**：在JavaScript和服务器之间传递数据，通常使用JSON（JavaScript Object Notation）格式，因为它轻量级且易于解析。JSON是JavaScript原生支持的数据结构，可以方便地在JavaScript对象和字符串之间转换。 4. **安全考虑**：在JavaScript与数据库交互时，需要关注安全问题，如SQL注入攻击。使用预编译语句或参数化查询可以有效防止这类攻击。此外，还要注意防止XSS（跨站脚本）攻击，确保对用户输入进行充分的验证和清理。 5. **JavaScript库和框架**：为了简化JavaScript与数据库的交互，开发者经常使用一些库或框架，比如jQuery、axios、Fetch API等。它们提供了一致的API来处理Ajax请求，使得代码更加简洁和易读。 6. **Node.js和数据库**：虽然JavaScript主要用于浏览器端，但Node.js作为服务器端的JavaScript运行环境，可以直接使用各种数据库驱动（如MySQL的mysql模块，MongoDB的mongoose库）来操作数据库，这使得前后端的数据处理可以使用同一种语言，提高了开发效率。 7. **Web存储技术**：对于一些简单的数据存储需求，浏览器的Web Storage（包括localStorage和sessionStorage）可以提供帮助，它们允许在浏览器端存储数据，但容量有限，且数据仅限于同源策略。在“lsz”这个压缩包中，可能包含了示例代码、教程文档或者项目实例，用于演示如何使用JavaScript进行数据库操作。为了深入了解，你可以解压文件查看具体的内容，或者联系提供的QQ号寻求更多帮助。通过实践和学习，你将能够熟练掌握JavaScript操作数据库的技巧，构建更加动态和交互丰富的Web应用。

资源详情

资源评论

资源推荐

收起资源包目录

lsz.rar （11个子文件）

lsz

css

table.css 2KB

img_btn.css 7KB

mainshow.css 4KB

mainnone.css 5KB

dtree.css 504B

avatar.mdb 180KB

setday.js 24KB

util.js 5KB

table_util.js 44KB

db.js 3KB

ck.htm 5KB

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>仓库</title> <link href="css/mainnone.css" rel="stylesheet" type="text/css"/> <link href="css/table.css" rel="stylesheet" type="text/css"/> <script language="javascript" src="js/util.js"></script> <script language="javascript" src="js/db.js"></script> <script language="javascript" src="js/setday.js"></script> <script language="javascript"> /****************查询数据************/ function readdb() { deleteRows();//清楚旧数据 var idx = 0,zlrDors = 0,zsrDors = 0,zzcDors = 0; var conn = new ActiveXObject("ADODB.Connection"); 　 conn.Open("DBQ="+dbpath +";DRIVER={Microsoft Access Driver (*.mdb)};"); 　 var rs = new ActiveXObject("ADODB.Recordset"); var stime = $v("searchtime"); if("查当天记录" == $v("searchtime") || $v("searchtime").length == 0) { stime = getMyTime(null,"yyyy-MM-dd"); } var sql="select * from shouru where createtime >=#"+stime+"# order by createtime"; //alert(sql); 　 rs.open(sql,conn); var obj = $('portTbl'); 　 while(!rs.EOF) 　 { var new_row = obj.insertRow(1);//增加第rows行 for (var i = 0; i < 4 ;i++) { var dor = parseFloat(rs("jine")); var new_cell = new_row.insertCell(i); new_cell.height = "25px"; new_cell.align="center"; if (i==0) new_cell.innerText = parseInt(idx)+1; if (i==1) new_cell.innerHTML = rs("xiangmu"); if (i==2) new_cell.innerHTML = dor; if (i==3) new_cell.innerHTML = getMyTime(rs("createtime")); } 　 rs.moveNext; idx++; zlrDors += dor; if(dor > 0) { zsrDors += dor; }else { zzcDors += dor; } 　 } 　 rs.close(); 　 rs = null; 　 conn.close(); 　 conn = null; $("zlr").value = "￥" + zlrDors;//总利润 $("zsr").value = "￥" + zsrDors;//总收入 $("zzc").value = "￥" + zzcDors;//总支出 $('hid').value = parseInt(idx) + 1; $("myflghid").value = 0; } /*******数据录入*****************/ function writedb() { if(0 == $v("myflghid")) { alert("请录入数据！"); return; } var sqls = new Array(); var rows = $v('hid'); for(var i = 1 ;i<rows ; i++) { if(0 == $v("srzc"+i)) { continue; } sqls[i-1] = "insert into shouru(xiangmu,jine,createtime) " + "values('"+$v("xmmc"+i)+"','"+$v("srzc"+i)+"','"+$v("mydatetime"+i)+"')"; // alert(sqls[i-1]); } var myFlg = runsqls(sqls); //执行多条语句；runsql执行单条语句； // true != myFlg ? alert("数据录入失败！") : window.location.reload(ture); if(myFlg) { alert("数据录入成功！"); window.location.reload(true); }else { alert("数据录入失败！"); } } /**********添加数据行*******/ function addRow() { if(0 == $v("myflghid")){deleteRows();} var obj = $('portTbl'); var rows = $v('hid'); var new_row = obj.insertRow(rows);//增加第rows行 for (var i = 0; i < 4 ;i++) { var new_cell = new_row.insertCell(i); new_cell.align="center"; if (i==0) new_cell.innerText = rows; if (i==1) new_cell.innerHTML = "<input id='xmmc"+rows+"' size='85%' type='text' value='"+ rows +"'/>"; if (i==2) new_cell.innerHTML = "<input id='srzc"+rows+"' maxLength='10' size='20%' type='text' value='0' onkeypress='return event.keyCode>=4&&event.keyCode<=57' " + "onfocus=\" this.style.imeMode=\'disabled\'\"\/>"; if (i==3) new_cell.innerHTML = "<input id='mydatetime"+rows+"' size='20%' type='text' value='" + getMyTime()+"'" + "onclick='SelectDate(this)' readOnly/>"; } $('hid').value = parseInt(rows) + 1; } /************删除数据行************************/ function deleteRows() { var obj = $('portTbl'); var rowNum=obj.rows.length; for (i = 1;i < rowNum; i++) { obj.deleteRow(i); rowNum = rowNum-1; i=i-1; } $('hid').value = 1; $("myflghid").value = true; } </script> </head> <body> <input type="hidden" value="1" id="hid"> <input type="hidden" value="0" id="myflghid"> <input type="button" id="ck" name="ck" value="查询" onclick="readdb();">  <input type="text" id="searchtime" name="searchtime" value="查当天记录" class="txtReadOnly" size="23" onclick="SelectDate(this,'yyyy-MM-dd')" readonly> 当前时间：<table width="100%" cellspacing="0" cellpadding="0" id="portTbl" height="26" bordercolor="#949494" border="1" style="border-collapse: collapse"> <tr> <td width="8%" align="center" bgcolor="#619EF2" height="26"> <font color="#FFFFFF">序号</font></td> <td width="53%" align="center" bgcolor="#619EF2" height="26"> <font color="#FFFFFF">项目名称</font></td> <td width="14%" align="center" bgcolor="#619EF2" height="26"> <font color="#FFFFFF">+收入/支出-</font></td> <td width="15%" align="center" bgcolor="#619EF2" height="26"> <font color="#FFFFFF">当前时间</font></td> <td width="9%" align="center" bgcolor="#619EF2" height="26"> <font color="#FFFFFF">操作</font></td> </tr></table> <input type="button" id="ck1" name="ck1" value="增加项目" onclick="addRow();"> <input type="button" id="ck0" name="ck0" value="确定录入" onclick="writedb();">  总利润<input type="text" id="zlr" size="15" readonly>  = 总收入 <input type="text" id="zsr" size="15" readonly> + 总支出<input type="text" id="zzc" size="15" readonly> </body> </html>