von Angular JS Knoten JS Passing json

Ich versuche, meine Front-End (Winkel) und Backend (Node), aber einige, wie Front-End nicht bestanden json zu kombinierenvon Angular JS Knoten JS Passing json

hier Backend ist mein HTML-Code mit Angular-js

Index.HTML

<html> 
<head>Testing 
<script src = "angular.min.js" ></script> 
<script> 
var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope,$http) { 
    $scope.submit= function(){ 
     var data = $.param({ 
     book: JSON.stringify({ 
      author: $scope.author, 
      title : $scope.title, 
      body : $scope.body 
     }) 
     }); 
    console.log(data) 
     $http.post("/", data).success(function(data, status) { 
     console.log('Data posted successfully'); 
     }) 
    } 
}); 
</script> 
</head> 

<body ng-app="myApp">  
    <div ng-controller="myCtrl"> 
    <form> 
     Author: 
     <input type="text" ng-model="author"> 
     <br> 
     <br> Title: 
     <input type="text" ng-model="title"> 
     <br> 
     <br> Body: 
     <input type="author" ng-model="body"> 
     <br> 
     <br> 
     <input type="submit" value="Submit" ng-click="submit()"> 
    </form> 
    </div> 
</body> 
</html>

Meine Knoten Anwendung ist wie folgt aussehen.

Server.js

var express = require('express'); 
var bodyParser = require('body-parser'); 

var app = express(); 

app.use(bodyParser.urlencoded({ extended: true })); 
app.use(bodyParser.json()); 

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

app.post('/', function(req,res,next){ 
    console.log(req.body) 
    res.status(200).send('Ok') 
}) 

console.log('server running at 3000!') 
app.listen(3000);

ich Index.HTML in meinem Browser auf '/' Route bin immer, aber wenn ich nichts vorlegen geschieht.

Vielen Dank im Voraus

Quelle

2016-11-24 Abhishek Parikh

haben u die gesendeten Daten analysiert? wie verwenden Sie Chrome-Dev-Tools Netzwerk Registerkarte. Oder wird eine Anfrage überhaupt nicht versendet? –

In der Inspektionsseite lädt es nicht "angular.min.js", aber ich habe es in den gleichen Ordner gelegt, ich weiß nicht, warum es passiert ist @GilbertNwaiwu –

Willst du sagen angular.min.js lädt überhaupt nicht? –

Can u dieses versuchen

var data = { 
    book: {    
    author: $scope.author, 
    title : $scope.title, 
    body : $scope.body 
    } 
} 

$http.post("/", data).success(function(data, status) { 
    console.log('Data posted successfully'); 
})

Quelle

2016-11-24 10:17:26

Funktioniert nicht mit meinem Code –

Problem, das ich habe, ist mit res.status (200) .send ('Ok'). Es wird nicht gesendet OK @sunil –

bitte helfen Sie mir, es zu routen –

von Angular JS Knoten JS Passing json

Antwort

Verwandte Themen