2016-11-24 131 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

请帮我重新路由它 –