nodejs中引用ajax

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







评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值