JAVASCRIPT如何操作数据库?
比如创立一个HTML网页,内含表单用户名(un)和密码(pw),包含“登录”和“注册”两个按钮可否写JS代码使当用户点击注册时将表单数据加入MYSQL5.0数据库(只有这...
比如创立一个HTML网页,内含表单用户名(un)和密码(pw),包含“登录”和“注册”两个按钮
可否写JS代码使当用户点击注册时将表单数据加入MYSQL5.0数据库(只有这两个元素)中,点击登录时检查数据库数据,如果有此用户则链接入一个新网页,反之弹出对话框
最好给出详细代码 不用考虑容错问题 展开
可否写JS代码使当用户点击注册时将表单数据加入MYSQL5.0数据库(只有这两个元素)中,点击登录时检查数据库数据,如果有此用户则链接入一个新网页,反之弹出对话框
最好给出详细代码 不用考虑容错问题 展开
7个回答
展开全部
方法和详细的操作步骤如下:
1、第一步,打开HBuilder工具,并在Web项目的js文件夹中创建一个新的JavaScript文件ConnDB.js,使用require()引入mysql模块,然后将该值分配给变量mysq,见下图,转到下面的步骤。
2、第二步,完成上述步骤后,调用createConnection()方法设置主机,用户名,密码,端口并返回数据,见下图,转到下面的步骤。
3、第三步,完成上述步骤后,调用mysql模块中的connect()方法以连接到mysql数据,见下图,转到下面的步骤。
4、第四步,完成上述步骤后,编写查询语句SQL并将其作为字符串分配给变量sq,见下图,转到下面的步骤。
5、第五步,完成上述步骤后,调用query(),根据返回值判断结果,然后打印返回,见下图。这样,就解决了这个问题了。
ZESTRON
2024-09-04 广告
2024-09-04 广告
在Dr. O.K. Wack Chemie GmbH,我们高度重视ZESTRON的表界面分析技术。该技术通过深入研究材料表面与界面的性质,为提升产品质量与可靠性提供了有力支持。ZESTRON的表界面分析不仅涵盖了相变化、化学反应、吸附与解吸...
点击进入详情页
本回答由ZESTRON提供
展开全部
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>
希望对你有所帮助!!!
现在在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>
希望对你有所帮助!!!
参考资料: http://blog.csdn.net/baronyang/archive/2009/01/19/3835986.aspx
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐于2016-11-21 · 知道合伙人互联网行家
关注
展开全部
//创建数据库连接对象
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{
//
}
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询