2016-11-24 99 views
0

我想我的前端(角)和後端(節點),但結合一些如何前端沒有通過JSON到後端從角JS傳遞JSON到節點JS

這是我的HTML代碼角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> 

我節點應用程序看起來像下面。

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); 

我得到的index.html我在「/」路線的瀏覽器,但是當我提出什麼也沒有發生。

在此先感謝

+1

具有u分析數據被髮送?就像使用chrome開發工具網絡選項卡一樣。或者請求不是首先發送出去的? –

+0

在檢查頁面時,它無法加載「angular.min.js」,但我把它放在同一個文件夾中,我不知道爲什麼它發生了@GilbertNwaiwu –

+0

你是否說angular.min.js根本不加載? –

回答

2

ü可以試試這個

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

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

不適用於我的代碼 –

+0

我正面臨的問題是與res.status(200).send('Ok')。 它不發送確定@sunil –

+0

請幫我重新路由它 –