本文目录一览：
- 1、js 如何连接数据库
- 2、在js中的数据怎么插入数据库
- 3、怎样用js实现数据库绑定到下拉框
- 4、JS中怎么连接数据库，和提取数据库中的数据？
- 5、js怎么连接mysql数据库连接
- 6、如何利用Vue.js库中的v-text指令绑定数据源
js 如何连接数据库
以连接ORACLE数据库为例：
//创建数据库连接对象
var conn = new ActiveXObject("ADODB.Connection");
//创建数据集对象
var rs = new ActiveXObject("ADODB.Recordset");
try{
//如果不知道如何配置连接串，可以通过配置UDL文件后用文本编辑器打开获得
var connectionstring = "Provider=OraOLEDB.Oracle.1;Password=pwd;Persist Security Info=True;User ID=username;Data Source=ORA";
//打开连接
conn.open(connectionstring);
//查询语句
var sql = " select * from tb_col ";
//打开数据集（即执行查询语句）
rs.open(sql,conn);
//遍历所有记录
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{
}
数据库连接串，具体配置请参考：
在js中的数据怎么插入数据库
参考如下：
//把数据写入数据库
function res() {
//获取输入值(myname和mymail是两个文本框的id)
var uname = document.getElementById("myname").value;
var umail = document.getElementById("mymail").value;
//数据库连接对象
var con = new ActiveXObject("ADODB.Connection");
//连接字符串
var str = "DRIVER={SQL SERVER};SERVER=(local);uid=sa;pwd=123456;database=xslt";
//打开数据源
con.Open(str);
//sql语句
var sql = "insert into xslt(name,mail) values(''" + uname + "'',''" + umail + "'')";
try {
//执行sql语句
con.Execute(sql);
//关闭连接
con.Close();
//转向成功页面
window.location.href = "/uploadfile/201101/18/AF93632542.gif" / }
catch (e) {
alert(e);
}
}
怎样用js实现数据库绑定到下拉框
需要先用ajax的方式获取数据库的记录 作为数组 然后 将数组内容加入的下拉框中作为选项
head
meta charset="utf-8"
title无标题文档/title
script src="" type="text/javascript"/script
script
$(document).ready(funxtion{
vat list1=$("#test");//获取list对象
$.get("demo_ajax_load.txt", function(result){ //获取后台数据库记录
for(var i=0,len=result.row.length;iresult.row;i++){ // result为返回的json对象row为包含选项的数组
var o=new Option(result.row[i].text,result.row[i].value);
list1.appendChild(o);
}
},"json");
})
/script
/head
body
select id="test"
option1/option
/select
/body
JS中怎么连接数据库，和提取数据库中的数据？
测试的电脑已经装好Oracle客户端，而且用SQLplus可以连接上。
/*
* This sample shows how to list all the names from the EMP table
*
* It uses the JDBC THIN driver. See the same program in the
* oci8 samples directory to see how to use the other drivers.
*/
// You need to import the java.sql package to use JDBC
import java.sql.*;
class Test
{
public static void main (String args [])
throws SQLException
{
// Load the Oracle JDBC driver
DriverManager.registerDriver(new oracle.jdbc.OracleDriver());
/* try{
Class.forName("oracle.jdbc.driver.OracleDriver");
}catch(Exception e){
System.out.println("No Driver!");
}
*/
// Connect to the database
// You must put a database name after the @ sign in the connection URL.
// You can use either the fully specified SQL*net syntax or a short cut
// syntax as host:port:sid. The example uses the short cut syntax.
String url = "jdbc:oracle:thin:@172.28.31.85:1521:YIKATONG";
String userName = "scott";
String password = "tiger";
if (args.length 0) url = args[0];
if (args.length 1) userName = args[1];
if (args.length 2) password = args[2];
System.out.println(url);
System.out.println(userName);
System.out.println(password);
Connection conn =
DriverManager.getConnection (url, userName, password);
// Create a Statement
Statement stmt = conn.createStatement ();
// Select the ENAME column from the EMP table
ResultSet rset = stmt.executeQuery ("select * from Test");
// Iterate through the result and print the employee names
while (rset.next ())
System.out.println (rset.getString (1));
}
}
补充日期: 2005-03-14 20:20:29
Java与Oracle的两种连接方式
src=(作者:huihoo)
第一种方式：通过数据库本身的JDBC Driver连接到数据库
Classs.forName("oracle.jdbc.driver.OracleDriver");
Connection conn = DriverManager.getConnection("jdbc:oracle:thin:@192.168.1.33:1521:huihoo","scott","tiger");
第二种方式：通过JDBC-ODBC桥连接到数据库
Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");
Connection conn = DriverManager.getConnection("jdbc:odbc:192.168.1.33","scott","tiger");
192.168.1.33为数据源
完整的用户登录
Properties props = new Properties();
props.put("user", "scott");
props.put("password", "tiger");
Driver myDriver = (Driver) Class.forName("oracle.jdbc.driver.OracleDriver").newInstance();
conn = myDriver.connect("jdbc:oracle:thin:@192.168.1.33:1521:huihoo", props);
conn.close();
System.out.println("成功登录.");
System.out.println("欢迎您 "+props.getProperty("user")+"!");
js怎么连接mysql数据库连接
具体连接方法如下：
1、打开HBuilder工具，在Web项目中的js文件夹中，新建JavaScript文件ConnDB.js
使用require()引入mysql模块，然后赋值给变量mysql
3、再调用createConnection()方法，设置主机、用户名、密码、端口和数据库
4、调用mysql模块中的connect()方法，连接mysql数据库
5、编写一个查询语句SQL，以字符串形式赋值给变量sql
6、最后调用query()方法，通过返回的值进行判断，然后打印返回成功的值
如何利用Vue.js库中的v-text指令绑定数据源
Vue.js库中的v-text指令可以更新元素的内容，{{变量}}也可以绑定一个v-text指令。在给Vue.js变量设置一个值，然后利用v-text进行绑定。下面利用一个实例说明v-text指令的用法，操作如下：
如何利用Vue.js库中的v-text指令绑定数据源.
工具/原料
Vue.js
HBuilder
浏览器
截图工具
方法/步骤
1
第一步，创建静态页面vtext.html，修改title显示的内容并引入vue.js，如下图所示：
如何利用Vue.js库中的v-text指令绑定数据源.
2
第二步，在body标签元素内插入两个span元素，在第一个span绑定v-text指令，第二个span中插入{{message}}，如下图所示：
如何利用Vue.js库中的v-text指令绑定数据源.
3
第三步，编写JS代码，绑定数据源message，如下图所示：
如何利用Vue.js库中的v-text指令绑定数据源.
4
第四步，预览静态页面vtext.html，发现{{message}}还是一样，未变成赋的值，如下图所示：
如何利用Vue.js库中的v-text指令绑定数据源.
5
第五步，在两个span外层添加一个div，并将第一个span的id赋给div，再在第一个span标签上绑定v-model，如下图所示：
如何利用Vue.js库中的v-text指令绑定数据源.
6
第六步，再次预览发现页面中的{{message}}变为绑定的数据源
