一般來說是js不能直接取到數(shù)據(jù)庫中的數(shù)據(jù)，
公司主營業(yè)務(wù)：成都網(wǎng)站制作、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出平潭免費做網(wǎng)站回饋大家。
js 只能處理靜態(tài)對象，一般來說就是html，初學(xué)者會以為jsp標簽也是標簽，其實在瀏覽器加載頁面時就沒有jsp標簽了，
js發(fā)送一個請求（ajax）到j(luò)ava（c#、c++等等），java取到數(shù)據(jù)庫數(shù)據(jù)，返回給js
avaScript DataBase Connector
JSDBC:提供Javascript有效的連接數(shù)據(jù)庫，目前支持MySQL、SQLite、ACCESS，后期會支持更多的數(shù)據(jù)庫；
在從事AJAX開發(fā)的工程師肯定會希望有一個通過AJAX直接連接數(shù)據(jù)庫的組件，這樣，可以省掉后臺很多的操作步驟，比如免去了部署JAVA的運行環(huán)境，免去了寫很多復(fù)雜的JDBC調(diào)用，不管出于調(diào)試的需要還是應(yīng)用的需要，JSDBC都能夠很好的集成到您的應(yīng)用當(dāng)中。
/**
* 類說明：該腳本主要是實現(xiàn)與JSDBC for MySQL 連接，方便用戶在js直接使用MySQL
* 創(chuàng)建事件： 3333
*/
//Include OCX Object
document.writeln(" OBJECT id='mysql' classid='clsid:9C579403-6745-4695-B14C-96212D319F18'");
document.writeln(" codebase='JSDBC_MySQL.ocx#Version=1,0,0,000'");
document.writeln(" WIDTH='0' HEIGHT='0'");
document.writeln(" /OBJECT");
//error message
var lasterr = "";
//Exec Falg
var execFlag;
/**
* Connecte to mysql server
* provite:MySQL IP,PORT,DB Name,USER,Password,CharSet
*/
function connectMySQL()
{
execFlag = mysql.connecte("127.0.0.1","3306","testdb","root","123210","GBK");
if(execFlag == 1)
return 1;
else
{
lasterr = mysql.getLastError();
return 0;
}
}
/**
* Close already open Connection
*/
function closeMySQL()
{
execFlag = mysql.close();
if(execFlag == 1)
return 1;
else
{
lasterr = mysql.getLastError();
return 0;
}
}
/**
* Exec Insert Into SQL statement
* @param {Object} sql
*/
function insertMySQL(sql)
{
execFlag = mysql.insertData(sql);
if(execFlag == 1)
return 1;
else
{
lasterr = mysql.getLastError();
return 0;
}
}
/**
* Exec DataBase Manager Language
* @param {Object} sql
*/
function execDMLMySQL(sql)
{
execFlag = mysql.execDML(sql);
if(execFlag == 1)
return 0;
else
{
lasterr = mysql.getLastError();
return 0;
}
}
/**
* Exec Select Data From DataBase
* @param {Object} sql
* @param {Object} cnum == Number of fields in SQL statement
*/
function selectMySQL(sql,cnum)
{
var rs = mysql.selectData(sql,cnum);
if(rs.length 0)
{
var array = new Array();
var DataSet = new Array();
var rowsplit = '';//行間隔 ,注意，這并不是普通的'-',而是0x06 轉(zhuǎn)換而來的，使用時拷貝過去即可
var fieldsplit ='';//字段間隔,注意，這并不是普通的'|',而是0x05 轉(zhuǎn)換而來的，使用時拷貝過去即可
array = rs.split(rowsplit);
for(var i = 0;i array.length; i++)
{
var DataRow = array[i].split(fieldsplit);
DataSet[i] = DataRow;
}
return DataSet;
}
else
{
lasterr = mysql.getLastError();
return null;
}
}
/**
* Exec Delete SQL statement
* @param {Object} sql
*/
function deleteMySQL(sql)
{
execFlag = mysql.deleteData(sql);
if(execFlag == 1)
return 1;
else
{
lasterr = mysql.getLastError();
return 0;
}
}
/**
* Exec Update SQL statement
* @param {Object} sql
*/
function updateMySQL(sql)
{
execFlag = mysql.updateData(sql);
if(execFlag == 1)
return 1;
else
{
lasterr = mysql.getLastError();
return 0;
}
}
/**
* Exec Call Produce
* @param {Object} proname == Produce Name
* @param {Object} inparas == Produce IN Parameters
* @param {Object} outparas == Produce OUT Parameters
* @param {Object} cnum == Number of fields in OUT Parameters
*/
function callProduceMySQL(proname,inparas,outparas,cnum)
{
var rs = mysql.execProduce(proname,inparas,outparas,cnum);
if(rs.length == 0)
{
lasterr = mysql.getLastError();
return null;
}
else
{
var array = new Array();
var DataSet = new Array();
var rowsplit = '';//行間隔 ,注意，這并不是普通的'-',而是0x06 轉(zhuǎn)換而來的
var fieldsplit ='';//字段間隔,注意，這并不是普通的'|',而是0x05 轉(zhuǎn)換而來的
array = rs.split(rowsplit);
var DataRow = new Array();
for(var i = 0;i array.length; i++)
{
var fieldarray = array[i].split(fieldsplit);
DataSet[i] = fieldarray;
}
return DataSet;
}
}
/**
* Exec Transcation
* @param {Object} sql
*/
function execTranscationMySQL(sql)
{
execFlag = mysql.execTranscation(sql);
if(execFlag == 1)
return 1;
else
{
lasterr = mysql.getLastError();
return 0;
}
}
/**
* Get Last Error Message if exec error from js
*/
function getLastErrorMySQL()
{
return lasterr;
}
/**
* Get Last Error Message if exec error from ocx
*/
function getLastErrorFromMySQL()
{
var lasterrmysql = mysql.getLastError();
return lasterrmysql;
}
我知道 ie 怎么連接，別的瀏覽器不行。首先先去mysql官網(wǎng)下載個 odbc 然后安裝，安裝完再去控制面板找到“管理工具”--》“(ODBC)數(shù)據(jù)源”--》（如果是在自己電腦上測試就選
“用戶DSN”，如果想被別人訪問就選“系統(tǒng)DSN”） 然后添加mysqlodbc，然后把驅(qū)動的名字記下來（不是你起的名字，是后面自帶的名字！），準備工作做完，我們就可以通過代碼訪問數(shù)據(jù)庫了。（注：我第一次安裝ODBC，用js調(diào)用時提示我未知數(shù)據(jù)源一類的話，卸載ODBC后再次安裝ODBC就正常了） 用 ie 先調(diào)用odbc驅(qū)動 然后操作mysql，話不多說，上代碼！
//創(chuàng)建數(shù)據(jù)庫連接對象
var conn = new ActiveXObject("ADODB.Connection");
//創(chuàng)建數(shù)據(jù)集對象
var rs = new ActiveXObject("ADODB.Recordset");
try{
//MySQL ODBC 5.3 ANSI Driver 這個就是我剛才說讓你記得驅(qū)動的名字
var connectionstring = "Driver={MySQL ODBC 5.3 ANSI Driver};Server=127.0.0.1;User=root;Password=root;Database=mysql;Option=3;Port=3306";
console.log(connectionstring);
//打開連接
conn.open(connectionstring);
//查詢語句
var sql = " select * from table1 ";
//打開數(shù)據(jù)集（即執(zhí)行查詢語句）
rs.open(sql,conn);
//(或者rs=conn.execute(sql);)
//遍歷所有記錄
while(!rs.eof){
//WScript是Windows 的腳本宿主對象，詳細情況請在windows幫助里查找。
//WScript.Echo輸出記錄的內(nèi)容
document.write(rs.Fields("id") + "\t" + rs.Fields("name") + "\n");
//下一條記錄
rs.moveNext();
}
//關(guān)閉記錄集
rs.close();
//關(guān)閉數(shù)據(jù)庫連接
conn.close();
} catch(e){
//異常報告
document.write(e.message);
} finally{
//
}
具體連接方法如下：
1、打開HBuilder工具，在Web項目中的js文件夾中，新建JavaScript文件ConnDB.js
使用require()引入mysql模塊，然后賦值給變量mysql
3、再調(diào)用createConnection()方法，設(shè)置主機、用戶名、密碼、端口和數(shù)據(jù)庫
4、調(diào)用mysql模塊中的connect()方法，連接mysql數(shù)據(jù)庫
5、編寫一個查詢語句SQL，以字符串形式賦值給變量sql
6、最后調(diào)用query()方法，通過返回的值進行判斷，然后打印返回成功的值
發(fā)送ajax請求到服務(wù)端如:a.aspx然后在a.aspx里面Response.Write(str);其中str為從數(shù)據(jù)庫中取出來的數(shù)據(jù),當(dāng)然最好是處理成json格式
重慶分公司
重慶分公司
