如何仅使用Javascript将数据从html表单发送到nodejs服务器

如何仅使用Javascript将数据从html表单发送到nodejs服务器,javascript,node.js,forms,server,client,Javascript,Node.js,Forms,Server,Client,这是我在form.html中的表单,我必须做一个ajax调用类型的帖子 <div class= "container " > <div class="form-group "> <label for="id">Id</label> <input type="text" class="form-control" id="id" > </div> <div class="f

这是我在form.html中的表单,我必须做一个ajax调用类型的帖子

<div class= "container " >

    <div class="form-group ">
      <label for="id">Id</label>
      <input type="text" class="form-control" id="id" >
    </div>
    <div class="form-group">
      <label for="name">Nome</label>
      <input type="text" class="form-control" id="name">
    </div>
    <div class="form-group">
      <label for="pwd">Prezzo</label>
      <input type="text" class="form-control" id="prezzo">
    </div>
    <input type="submit" value="invia dati" class="btn btn-primary" id="button" />
  </div>

身份证件
诺姆
普雷佐

我就是这样解决的

var $id = $('#id');
var $name = $('#name');
var $prezzo = $('#prezzo');


$(function(){
               $('#button').click(function(e){
                   e.preventDefault();
                   console.log('select_link clicked');

                                   var object = {
                       id:$id.val(),
                       name:$name.val(),
                       prezzo: $prezzo.val()
                     };


         $.ajax({
           type: 'POST',
           data: JSON.stringify(object),
           contentType: 'application/json',
           url: 'http://localhost:3000/router/newProducts',
           success: function(data) {
                   console.log('success');
                   console.log(JSON.stringify(object));
                       }
                   });

               });
           });


您在发送ajax请求时做了什么?请参见此示例:我只需要使用javascript即可