2016-03-02 109 views
3

我正在嘗試做一個喜歡/不喜歡的系統。所以基本上,在html端有兩個按鈕。多個提交按鈕 - html express node js

<form method="post" name="ratings"> 
    <input type="submit" name="vote" value="like"> 
    <input type="submit" name="vote" value="dislike"> 
</form> 

但是,我只知道如何做一個單一的功能。我怎麼能把它分開?我在節點js工作。

因此,像第一行代碼如下所示:

router.post('/test/*', function (req, res) { 

會一樣的if語句是什麼樣子的JavaScript?或者我必須更改HTML代碼並使用onclick做些什麼?任何迴應將不勝感激。

+3

使用兩個單獨的表單可能更具語義。 – Seth

+0

這將是更好的做兩條路線 –

+0

後ajax,並調用兩條路線 –

回答

2

我想通了。您可以從req.body.vote獲取名稱,然後使用該值執行任何操作。

var inputValue = req.body.vote; 

if (inputValue == "like") { 
    ... 
2

我建議你使用Ajax,somelike這個..

按鈕:

<button name="btnLike" value="like" onclick="like()"> 
<button name="btnDislike" value="dislike" onclick="dislike()"> 

JS:

function like(){ 
    $.ajax({ 
     url: "http://localhost:3000/like", 
     type: "POST", 
     data: {like: 'yes'}, //send this to server 
     success: function(returned) { 
      console.log(returnet); // here can get the return of route 
     }, 
     error: function() { 

     } 
    }); 
} 

function dislike(){ 
    $.ajax({ 
     url: "http://localhost:3000/dislike", 
     type: "POST", 
     data: {dislike: 'yes'}, //send this to server 
     success: function(returned) { 
      console.log(returnet); // here can get the return of route 
     }, 
     error: function() { 

     } 
    }); 
} 

路線:

router.post('/like', function (req, res) { 
} 

router.post('/dislike', function (req, res) { 
} 
+0

這是一個很好,乾淨的方式,但你不需要like或dislike = yes,因爲它已經從終端明顯。如果需要,您可以發送任何其他有用的數據。 – CaptRisky