加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

nodejs中引用ajax

发布时间:2020-12-16 00:46:12 所属栏目:百科 来源:网络整理
导读:首先,定义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.g

首先,定义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>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读