2016-06-03 2 views
2

Я не знаю, возможно ли это или нет. Все проведенные исследования показали, что это возможно с помощью формы и ввода текста. Но в любом случае, используя NodeJs & Express Я хочу, чтобы у меня была возможность щелкнуть по кнопке на моей веб-странице, и после ее нажатия он отправляет почтовый запрос на мой Node.JS-сервер.NodeJS Почтовый запрос с использованием кнопки

Простой способ сказать: Когда кнопка нажата, отправьте информацию на сервер.

Цель, которую я пытаюсь достичь: Когда кнопка нажата, она отправляет какой-то идентификатор/код/​​что угодно, чтобы включить службу из моей базы данных. (Я до сих пор узнать, как децибел работать, так что я просто пытаюсь сосредоточиться на переднем конце.)

код, который я до сих пор:

app.post("/send", function(req, res){ 
    var newID = req.body.ID; 
    res.redirect("/action") 
}); 

<form action="/send" method="POST"> 
    <input type="button" name="newID" placeholder="Button"> 
    <button>send</button> 
</form> 

ответ

0

Для этих целей следует использовать $.ajax, пример:

$('button').on('click', function() { 
    $.ajax({ 
     type: 'POST', 
     url: '/send', 
     data: { ID: 'someid' }, 
     success: function(resultData) { 
     alert(resultData); 
     } 
    }); 
}); 
+0

Можно ли использовать этот код на моем сервере node.JS или использовать его в файле html/ejs? – Stephen

+0

, вы должны использовать его в своем файле html/js, но сначала укажите: '' этот код в html документе – kaxi1993

3

Вам не нужно использовать jQuery или AJAX.

Просто добавьте input типа submit внутри тега form так, что запрос POST определяется вашим form тега представляется.

Ваш вход newID должен иметь тип text, это позволяет вводить значение в поле ввода.

Значение newID может быть получено на стороне сервера с помощью req.body.newID (обязательно используйте промежуточное программное обеспечение body-parser).

<form action="/send" method="POST"> 
    <input type="text" name="newID" placeholder="Enter your ID"/> 
    <input type="submit" value="Click here to submit the form"/> 
</form> 
Смежные вопросы