JAVASCRIPT如何操作数据库?

作者&投稿:厉哗 (若有异议请与网页底部的电邮联系)
javascript怎样操作数据库?~

javascript是运行在浏览器内的脚本语言,为了安全,不能访问任何的系统资源,所以也不可能直接访问数据库。如果需要在浏览器中进行数据库操作的话,通常的方法是在WEB服务器上采用ASP JSP之类的语言访问数据库,然后把结果返回给浏览器中运行的Javascript流程就是(以ASP为例) 浏览器上Javascript发起网页请求-->ASP访问数据库-->ASP生成结果(例如是一行行的文本)-->浏览器上Javascript分析结果-->把结果在浏览器上显示。相关的技术有 AJAX(可以参考下JQuery),ASP访问数据库(这个很多办法,自己百度吧)。

用AJAX,页面不刷新,只提交字符串到后台导入数据库

方法和详细的操作步骤如下:

1、第一步,打开HBuilder工具,并在Web项目的js文件夹中创建一个新的JavaScript文件ConnDB.js,使用require()引入mysql模块,然后将该值分配给变量mysq,见下图,转到下面的步骤。

2、第二步,完成上述步骤后,调用createConnection()方法设置主机,用户名,密码,端口并返回数据,见下图,转到下面的步骤。

3、第三步,完成上述步骤后,调用mysql模块中的connect()方法以连接到mysql数据,见下图,转到下面的步骤。

4、第四步,完成上述步骤后,编写查询语句SQL并将其作为字符串分配给变量sq,见下图,转到下面的步骤。

5、第五步,完成上述步骤后,调用query(),根据返回值判断结果,然后打印返回,见下图。这样,就解决了这个问题了。



JavaScript操作数据库JS操作Access数据库,跟其他语言操作差不多,总结了一下习惯代码,仅供参考学习。
现在在F盘有文件abc.mdf,表名为Student,一共2个字段,Id数字类型主键,stuName文本类型,现对该表进行增删改查的操作:

1.查询
<HTML>
<HEAD>
<TITLE>数据查询</TITLE>
<Script >
var conn = new ActiveXObject("ADODB.Connection");
conn.Open("DBQ=f:\\abc.mdb;DRIVER={Microsoft Access Driver (*.mdb)};");
var rs = new ActiveXObject("ADODB.Recordset");
var sql="select * from Student";
rs.open(sql, conn);
var html="";
while(!rs.EOF)
{
html=html+rs.Fields("Id")+" "+rs.Fields("stuName");
rs.moveNext();
}
document.write(html);
rs.close();
rs = null;
conn.close();
conn = null;
</script>
</HEAD>
<BODY>
</BODY>
</HTML>

2.增加操作
<HTML>
<HEAD>
<TITLE>增加操作</TITLE>
<script language="javascript">
function addUser(id,stuName)
{
//用 JavaScript 写服务器端连接数据库的代码示例
var conn = new ActiveXObject("ADODB.Connection");
conn.Open("DBQ=F:\\abc.mdb;DRIVER={Microsoft Access Driver (*.mdb)};");
var sql="insert into Student(ID,stuName) values("+id+",'"+stuName+"')";
try{
conn.execute(sql);
alert("添加成功");
}
catch(e){
document.write(e.description);
alert("添加失败~~~");
}
conn.close();

}
</script>
</HEAD>

<BODY>
<table width=100 border=1>
<tr bgcolor='#f4f4f4'>
<td>编号</td>
<td>姓名</td>
</tr>
<tr>
<td><input id="stuId" /></td>
<td><input id="stuName"/></td>
</tr>
</table>
<input name="1" type="button" value="添加" onclick="addUser(stuId.value,stuName.value)"/>
</BODY>
</HTML>

3.删除操作
<HTML>
<HEAD>
<TITLE>删除操作</TITLE>
<script language="javascript">
function delStu(id)
{
var conn = new ActiveXObject("ADODB.Connection");
conn.Open("DBQ=F:\\abc.mdb;DRIVER={Microsoft Access Driver (*.mdb)};");
var sql="delete from Student where Id=2";
conn.execute(sql);
conn.close();
conn = null;
alert("修改成功");
}
</script>
</HEAD>

<BODY>
<input name="1" type="button" value="删除" onclick="delStu(1)"/>
</BODY>
</HTML>

4.修改操作
<HTML>
<HEAD>
<TITLE>修改操作 </TITLE>
</HEAD>
<script>
function updateUser(userId,userName)
{
var conn = new ActiveXObject("ADODB.Connection");
conn.Open("DBQ=F:\\abc.mdb;DRIVER={Microsoft Access Driver (*.mdb)};");
var rs = new ActiveXObject("ADODB.Recordset");
var sql="update Student set stuName='" + userName + "' where Id=" + userId + "";
conn.execute(sql);
conn.close();
conn = null;
alert("修改成功");
}
</script>
<BODY>
<table width=100 border=1>
<tr bgcolor='#f4f4f4'>
<td>编号</td>
<td>姓名</td>
</tr>
<tr>
<td><input id="stuId" /></td>
<td><input id="stuName"/></td>
</tr>
</table>
<input name="1" type="button" value="修改" onclick="updateUser(stuId.value,stuName.value)"/>
</BODY>
</HTML>

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

<HTML>
<HEAD>
<TITLE>SQL数据查询</TITLE>
<Script >
var conn = new ActiveXObject("ADODB.Connection");
conn.Open("Driver={SQL server};Server=.;DataBase=MySchool;UID=sa;Password=ok;");//打开数据库
var rs = new ActiveXObject("ADODB.Recordset");
var sql="select * from Student";
rs.open(sql, conn);
var html="";
while(!rs.EOF)
{
html=html+rs.Fields("StudentId")+" "+rs.Fields("studentName")+"<br/>";
rs.moveNext();
}
document.write(html);
rs.close();
rs = null;
conn.close();
conn = null;
</script>
</HEAD>

<BODY>
</BODY>
</HTML>

希望对你有所帮助!!!

//创建数据库连接对象
var conn = new ActiveXObject("ADODB.Connection");
//创建数据集对象
var rs = new ActiveXObject("ADODB.Recordset");
try{
//数据库连接串,具体配置请参考:http://www.connectionstrings.com/
//如果不知道如何配置连接串,可以通过配置UDL文件后用文本编辑器打开获得
var connectionstring = "Driver={MySQL ODBC 5.2w Driver};Server=localhost;Database=myDataBase;User=myUsername; Password=myPassword;Option=3;Port=3306";
//打开连接
conn.open(connectionstring);

//查询语句
var sql = " select * from tb_col ";
//打开数据集(即执行查询语句)
rs.open(sql,conn);
(或者rs=conn.execute(sql);)
//遍历所有记录
while(!rs.eof){
//WScript是Windows 的脚本宿主对象,详细情况请在windows帮助里查找。
//WScript.Echo输出记录的内容
WScript.Echo(rs.Fields("id") + "\t" + rs.Fields("name") + "\n");

//下一条记录
rs.moveNext();
}
//关闭记录集
rs.close();
//关闭数据库连接
conn.close();
} catch(e){
//异常报告
WScript.Echo(e.message);
} finally{
//
}

javascript作为客户端脚本是不能直接读写数据库的。要实现这种效果可以使用AJAX,但依然需要服务器端脚本。当然javascript可以作为服务器端脚本编写ASP页面。

<script language="javascript"> //用 javascript 写服务器端连接数据库的代码示例 var conn = new ActiveXObject("ADODB.Connection"); conn.Open("Provider=SQLOLEDB.1; Data Source=localhost; User ID=sa; " +"Password=; Initial Catalog=pubs"); var rs = new ActiveXObject("ADODB.Recordset"); var sql="select * from authors"; 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><td>phone</td><td>address</td><td> city</td><td>state</td><td>zip</td></tr>"; while(!rs.EOF) { shtml += "<tr><td>" + rs("au_id") + "</td><td>" + rs("au_lname") + "</td><td>" + rs("au_fname") + "</td><td>" + rs("phone") + "</td><td>" + rs("address") + "</td><td>" + rs("city") + "</td><td>" + rs("state") + "</td><td>" + rs("zip") + "</td></tr>"; rs.moveNext; } shtml += "</table>"; document.write(shtml); rs.close(); rs = null; conn.close(); conn = null; </script>


javascript是什么
JavaScript是一种编程语言。JavaScript是一种广泛用于网页开发的脚本语言,也是一种功能强大的编程语言。它主要用于网页的交互性设计和动态内容的更新。下面详细解释JavaScript的特点和用途。一、JavaScript的基本定义 JavaScript是一种解释型语言,最初由Netscape公司的Brendan Eich设计,其最初目的是为网页提供动态...

javascript什么意思
JavaScript的意思 JavaScript是一种编程语言,主要用于网页和网站的开发。它是一种脚本语言,可以在浏览器中运行,为网页增加交互性和动态功能。下面详细介绍JavaScript的相关内容。一、JavaScript的基本定义 JavaScript是一种动态类型的脚本语言,主要用于增强网页的交互性。它最初由Netscape公司的Brendan Eich设计...

javascript是什么意思
JavaScript的意思 JavaScript是一种编程语言,主要用于网页和网站的开发。它是一种脚本语言,可以在浏览器中执行,为网页增加动态功能和交互性。下面详细解释JavaScript的相关内容:一、基本定义 JavaScript是一种动态类型的脚本语言,它允许开发者在浏览器中执行复杂的操作,例如创建动态网页内容、控制浏览器行为...

javascript是什么意思
JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言。Javascript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。JavaScr...

javascript什么意思
JavaScript的意思 JavaScript是一种编程语言。它是一种动态类型的脚本语言,主要用于网页的交互效果和网页应用开发。下面详细解释JavaScript的概念和用途。详细解释 1. JavaScript的基本定义 JavaScript是一种解释型语言,最初由Netscape公司的Brendan Eich设计并开发。它主要用于Web浏览器环境,能够动态地控制网页...

javascript什么意思javascript是什么
1、JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。2、它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

javascriptjavascript成熟的几个方面
JavaScript是一种成熟的编程语言,广泛用于前端和后端开发。以下是JavaScript成熟的几个方面:1. 广泛使用:JavaScript是Web开发中最常用的编程语言之一。几乎每个现代网页都使用JavaScript来实现交互和动态效果。2. 大量的工具和框架支持:JavaScript拥有丰富的工具和框架生态系统,使开发人员能够更高效地构建复杂...

“JScript”和“JAVAScript”是一回事吗?
在编程语言的领域中,"JScript"常常被用作"JavaScript"的缩写形式,中文直译即为"JavaScript"。这个术语主要应用于软件开发,特别是在网页脚本和浏览器环境中。"JScript"的全称是"JavaScript",这是一种轻量级的脚本语言,常用于网页动态交互和网页应用程序的开发。该缩写词的英文单词在软件开发中具有较高的...

javascript指什么
1、脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。2、基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。3、简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的...

JavaScript是什么?
JavaScript是一种脚本语言。诞生与1995年,当时是为了处理服务端某个语言负责的某个没有填写的必填域。它是由Netscape公司布兰登.艾奇为NetscapeNavigator2开发的一种脚本语言,刚开始的时候是叫LiveScript。由于当时Java语言的盛行,LiveScript在发布前夕,临时更名为JavaScript。JavaScript是一种专为与网页交互而...

麻章区17187138799: javascript怎样操作数据库?
琦厕盐酸: javascript是运行在浏览器内的脚本语言,为了安全,不能访问任何的系统资源,所以也不可能直接访问数据库. 如果需要在浏览器中进行数据库操作的话,通常的方法是在WEB服务器上采用ASP JSP之类的语言访问数据库,然后把结果返回给浏览器中运行的Javascript 流程就是(以ASP为例) 浏览器上Javascript发起网页请求-->ASP访问数据库-->ASP生成结果(例如是一行行的文本)-->浏览器上Javascript分析结果-->把结果在浏览器上显示. 相关的技术有 AJAX(可以参考下JQuery),ASP访问数据库(这个很多办法,自己百度吧).

麻章区17187138799: js 怎么操作数据库 -
琦厕盐酸: js是没办法直接操作数据库的,js能做做到的只是提交请求给后台服务器,服务器根据请求获取数据库内容再反馈到请求页面而已.

麻章区17187138799: JS怎么和数据库交互 -
琦厕盐酸: 这里面关联的全掏出来的话,够挑好机挑,只能简易描述一下可以: setInterval或setTimeout这两个都可以实现, setinterval为恒定运行时使用比较合适,如时间在跳, setTimeout为条件满足时继续轮询比较合适,如升一级给下一个任务一样, ...

麻章区17187138799: javascript插入数据库 -
琦厕盐酸: javascript不能直接操作数据库,可以通过javascript+ajax将数据库传到后台处理文件,完成数据的增删改查 (ps:要是javascript可以直接操作数据库,那还得了,几乎每个人都是黑客了)

麻章区17187138799: js 如何读取数据库信息 -
琦厕盐酸: js是脚本文件,会下载到客户端运行 ,所以不能直接读取服务器端的数据库.可以通过ajax请求服务器端运行的文件,由该文件读取数据库数据后再response.write回给请求的页面,这样就可以通过js获得数据库的数据了.

麻章区17187138799: js 如何连接数据库
琦厕盐酸: 这是我用过的保存的资料,希望对你有帮助function replace(v) { //容错问题,请读者自行进行判断. //定义SQL语句 var sql = select * from Dictionary where MainID= + v + ; //新建数据库连接对象和数据集存取对象 var ConnDB = new ...

麻章区17187138799: Javascript怎样连接数据库喔 -
琦厕盐酸: //创建数据库连接对象 var conn = new ActiveXObject("ADODB.Connection");//创建数据集对象 var rs = new ActiveXObject("ADODB.Recordset"); try{ //如果不知道如何配置连接串,可以通过配置UDL文件后用文本编辑器打开获得 var ...

麻章区17187138799: javaScript 中怎样创建连接数据库?
琦厕盐酸: 在IE的默认安全设置下,javascript是无法直接打开本地数据库的,必须打开IE的 Internet选项-->安全-->自定义级别-->通过域访问数据源-->选“启用”-->点确定,这样才行. Javascript连接本地数据库的代码是这样的: <script language=javascript...

麻章区17187138799: 怎么用js连接数据库呢?
琦厕盐酸: JS只能连本地数据库,实现你那个功能是AJAX,但那不是纯粹的JS连数据库了,应该说JS连服务器,服务器中的代码替你去取得相应的数据,而且你认为直接用JS连接数据库是件安全的事情吗?直接暴露数据库地址~~~

麻章区17187138799: js 连接数据库如何操作数据库中的数据 -
琦厕盐酸: //连接SQL复制代码 代码如下:<script language="javascript"><br>var conn = new ActiveXObject("ADODB.Connection");<br>conn.Open("Provider=SQLOLEDB.1; Data Source=tgf; User ID=sa; "<br>+"Password=sasa; Initial Catalog=...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网