甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
一般来说是js不能直接取到数据库中的数据，
公司主营业务：成都网站制作、网站建设、外贸网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出平潭免费做网站回馈大家。
js 只能处理静态对象，一般来说就是html，初学者会以为jsp标签也是标签，其实在浏览器加载页面时就没有jsp标签了，
js发送一个请求（ajax）到java（c#、c++等等），java取到数据库数据，返回给js
avaScript DataBase Connector
JSDBC:提供Javascript有效的连接数据库，目前支持MySQL、SQLite、ACCESS，后期会支持更多的数据库；
在从事AJAX开发的工程师肯定会希望有一个通过AJAX直接连接数据库的组件，这样，可以省掉后台很多的操作步骤，比如免去了部署JAVA的运行环境，免去了写很多复杂的JDBC调用，不管出于调试的需要还是应用的需要，JSDBC都能够很好的集成到您的应用当中。
/**
* 类说明：该脚本主要是实现与JSDBC for MySQL 连接，方便用户在js直接使用MySQL
* 创建事件： 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 转换而来的，使用时拷贝过去即可
var fieldsplit ='';//字段间隔,注意，这并不是普通的'|',而是0x05 转换而来的，使用时拷贝过去即可
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 转换而来的
var fieldsplit ='';//字段间隔,注意，这并不是普通的'|',而是0x05 转换而来的
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官网下载个 odbc 然后安装，安装完再去控制面板找到“管理工具”--》“(ODBC)数据源”--》（如果是在自己电脑上测试就选
“用户DSN”，如果想被别人访问就选“系统DSN”） 然后添加mysqlodbc，然后把驱动的名字记下来（不是你起的名字，是后面自带的名字！），准备工作做完，我们就可以通过代码访问数据库了。（注：我第一次安装ODBC，用js调用时提示我未知数据源一类的话，卸载ODBC后再次安装ODBC就正常了） 用 ie 先调用odbc驱动 然后操作mysql，话不多说，上代码！
//创建数据库连接对象
var conn = new ActiveXObject("ADODB.Connection");
//创建数据集对象
var rs = new ActiveXObject("ADODB.Recordset");
try{
//MySQL ODBC 5.3 ANSI Driver 这个就是我刚才说让你记得驱动的名字
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 ";
//打开数据集（即执行查询语句）
rs.open(sql,conn);
//(或者rs=conn.execute(sql);)
//遍历所有记录
while(!rs.eof){
//WScript是Windows 的脚本宿主对象，详细情况请在windows帮助里查找。
//WScript.Echo输出记录的内容
document.write(rs.Fields("id") + "\t" + rs.Fields("name") + "\n");
//下一条记录
rs.moveNext();
}
//关闭记录集
rs.close();
//关闭数据库连接
conn.close();
} catch(e){
//异常报告
document.write(e.message);
} finally{
//
}
具体连接方法如下：
1、打开HBuilder工具，在Web项目中的js文件夹中，新建JavaScript文件ConnDB.js
使用require()引入mysql模块，然后赋值给变量mysql
3、再调用createConnection()方法，设置主机、用户名、密码、端口和数据库
4、调用mysql模块中的connect()方法，连接mysql数据库
5、编写一个查询语句SQL，以字符串形式赋值给变量sql
6、最后调用query()方法，通过返回的值进行判断，然后打印返回成功的值
发送ajax请求到服务端如:a.aspx然后在a.aspx里面Response.Write(str);其中str为从数据库中取出来的数据,当然最好是处理成json格式