首先,定义javascript的header中定义js源。
<script src="../js/jquery.min.js" type="text/javascript"></script>
<link href="/css/style.css" rel="stylesheet" type="text/css"/>(引用为样式)
其次,定义路由。
var list = require('./routes/index');
app.get('/list',list.list);
然后,编写路由内部方法。只写关键步骤。(调用主页和调用数据)
exports.index = function(req,res){
res.render('index');
};
exports.list = function(req,res){
var sql = "select * from OA_User";
db(sql,function(err,results){
res.send(results);
});
};
最后,编写页面scrip,调用ajax。
<div style="margin:15px" id="usernamelist1"> </div>
相应的scrip函数为:
<script >function i8userlist()
{
var list="<table width=\"100%\" class=\"listtable\" cellspacing=\"0\" cellpadding=\"0\"><tr><th>用户名</th><th>姓名</th><th>操作</th></tr>" ;
//获取用户列表
$.ajax({
url: '/list/',
type: 'get',
data: 'n='+Math.random()*10,
success: function (data) {
for(d in data)
{
var str1='' ;
str1=' <tr><td>'+data[d].UserName+'</td><td>'+data[d].Name+'</td>'+'<td><span style=\"color:green;\"><a >已导入</a></span></td>'+'</tr>' ;
list =list+str1;
}
$("#usernamelist1").html(list) ;
}
});
};
i8userlist() ;
</script>