如何将价值从HTML传递给JavaScript?

时间:2018-06-24 09:38:23

标签: javascript html node.js

我使用node.js构建了我的网站,我想在首页上显示博客文章。我已经在主页上建立了博客文章部分。它显示来自MySQL数据库的最新消息。当用户单击索引站点中的图片时,它将把用户重定向到内容站点。

假定最新的新闻ID为16。在下面的代码中,它将把用户重定向到新闻#16站点。如何将16号更改为更一般的名称? (将<%= news_data [0] .news_id%>值传递给showNews函数)

main.js

app.get('/', querydataIndex)
app.get('/news-16', showNews)

function querydataIndex(req,res){
    var sql_news = 'select * from news order by news_id desc limit 3'
    var sql_training = 'select * from trainingcourse order by course_id desc limit 3'
    server.query(sql_news+';'+sql_training,[1,2],function(error,data){
        res.render('pages/index',{news_data: data[0],training_data: data[1]})
    })
}

function showNews(req,res){
    var sql = 'select * from news where news_id='+'16'+' order by news_id desc'
    data=[]
    server.query(sql,data,function(error,data){
        res.render('pages/news-content',{data: data})
    })
}

index.ejs

<div class="col-md-4 ">
   <div class="card">
      <a href="news-<%=news_data[0].news_id%>"><img class="card-img-top" src="img/news/<%=news_data[0].news_id%>.jpg"></a>
      <div class="card-body contentIndex">
         <h5 class="card-title"><%=news_data[0].topic%></h5>
      </div>
   </div>
</div>

news-content.ejs

<h2 class="card-title"><%=data[0].topic%></h2>
<h5 class="card-text"><%=data[0].content%></h5>

1 个答案:

答案 0 :(得分:0)

只需创建一个字符串变量,并将其设置为等于“ news-” + {{ID}},即可通过调用数据库获得该变量