包含js怎麼綁定資料庫文檔介紹內容的詞條

本文目錄一覽：

• 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}}變為綁定的數據源