Javascript Angular.js和Node.js获得get而不是POST_Javascript_Html_Angularjs

Javascript Angular.js和Node.js获得get而不是POST

javascript html angularjs

Javascript Angular.js和Node.js获得get而不是POST,javascript,html,angularjs,Javascript,Html,Angularjs,我想写一篇文章，但我仍然可以在浏览器上使用。我正在使用节点和角度。这是我的HTML表单 HTML <form ng-app="formApp" ng-controller="formCtrl"> nome:<input type="text" ng-model="nome" name="nome"><br> cognome:<input type="text" name="cognome"><br> ragioneSoci

我想写一篇文章，但我仍然可以在浏览器上使用。我正在使用节点和角度。这是我的HTML表单

HTML

<form ng-app="formApp" ng-controller="formCtrl">
  nome:<input type="text" ng-model="nome" name="nome"><br>
  cognome:<input type="text" name="cognome"><br>
  ragioneSociale:<input type="text" name="regioneSociale"><br>
  partitaIva:<input type="text" name="partitaIva"><br>
<input type="submit" value="Submit" ng-click="send()">
</form>


诺姆：

cognome:

ragioneSociale:

partitaIva:

棱角分明

这是我的角函数：

<script>
var fmApp = angualr.module('formApp', []);
fmApp.controller('formCtrl',  function($scope){
  $scope.send = function($http){
    var data = $.params(){
      soggetto: JSON.stringify({
      nome: $scope.nome,
      cognome: $scope.cognome,
      regioneSociale: $scope.regioneSociale,
      partitaIva: $scope.partitaIva
      });
      console.log('ok');
      $http({
        method: "POST",
        url: "/ins/sogg",
        data:'data',
        dataType: 'json'
      }).then(function successCallback(response) {
          console.log("sent")
        }, function errorCallback(response) {
          // called asynchronously if an error occurs
          // or server returns response with an error status.
        });
      // $http.post('/inserimento/soggetto', data).success function(data, status) {
      //   console.log('status');

      })
    };
  };
});


var fmApp=角度模块（'formApp'，[]）；
fmApp.controller（'formCtrl'，函数（$scope）{
$scope.send=函数（$http）{
变量数据=$.params（）{
soggetto:JSON.stringify({
nome:$scope.nome，
cognome:$scope.cognome，
regioneSociale:$scope.regioneSociale，
partitaIva:$scope.partitaIva
});
console.log（'ok'）；
$http({
方法：“张贴”，
url:“/ins/sogg”，
数据：'数据'，
数据类型：“json”
}).then（函数成功回调（响应）{
控制台日志（“已发送”）
}，函数errorCallback（响应）{
//发生错误时异步调用
//或服务器返回带有错误状态的响应。
});
//$http.post（'/inserimento/soggetto'，data）.成功函数（数据，状态）{
//console.log（'status'）；
})
};
};
});

您的表单在提交时从未触碰过

$http

调用，因为您不阻止默认设置。提交按钮的默认操作是提交表单

改变

<input type="submit" value="Submit" ng-click="send()">

到

>以这种方式解决

HTML

为什么

数据

是字符串？应该是

data:data，

您可能必须重新启动节点服务器。.成功了！随时都可以！

<input type="submit" value="Submit" ng-click="send($event)">

fmApp.controller('formCtrl',  function($scope){
  $scope.send = function($http){

fmApp.controller('formCtrl',  function($scope, $http){
  $scope.send = function(e){
    e.preventDefault();

    <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>inserimento Dati</title>
  </head>
  <body>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

<h1>Inserimento</h1>
<h2>Soggetto</h2>

<form ng-app="formApp" ng-controller="formCtrl">
  nome:<input type="text" ng-model="nome"/><br>
  cognome:<input type="text" ng-model="cognome"/><br>
  ragioneSociale:<input type="text" ng-model="ragioneSociale"/><br>
  partitaIva:<input type="text" ng-model="partitaIva"/><br>
<input type="button" value="Submit" ng-click="send(nome, cognome, ragioneSociale, partitaIva)"/>

    <script>
    var fmApp = angular.module('formApp', []);
    fmApp.controller('formCtrl',  function($scope, $http){
      $scope.nome,
      $scope.cognome,
      $scope.ragioneSociale,
      $scope.partitaIva,
      $scope.send = function(nome, cognome, ragioneSociale, partitaIva){
        var data = {
            "nome": nome,
            "cognome": cognome,
            "ragioneSociale": ragioneSociale,
            "partitaIva": partitaIva,
          }; // fine JSON
        var str = JSON.stringify(data);
        console.log(data);
        $http({
          method: "POST",
          url: "/ins/sogg",
          data: data,
        }).then(
            function successCallback(response){
              console.log("sent")},
            function errorCallback(response) {
               // called asynchronously if an error occurs
                // or server returns response with an error status.
              });
          // $http.post('/inserimento/soggetto', data).success function(data, status) {
          //   console.log('status');
        };
    });
</script>

    app.get('/inserimento', function(req, res){
  res.sendFile(__dirname + '/public/inserimento.html');
});

app.post('/ins/sogg', function(req, res){
  var sog = req.body; //arriva il dato
  app.use(bodyParser.json(sog));//dato in json ordinato
  console.log(sog);
  client.connect(function (err){
    if (err) throw err;
  });
  var query = client.query('INSERT INTO "Soggetto" (nome, cognome, "regSociale", "partIVA") VALUES($1, $2, $3, $4)', [sog.nome, sog.cognome, sog.ragioneSociale, sog.partitaIva], function(err, result){
    if(err){
      console.log("Errore");
      return onError(err);
    }
    res.writeHead(200, {'content-type': 'text/plain'});
    res.end('Insert ok');
  });
});