我想我的前端(角)和後端(節點),但結合一些如何前端沒有通過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我在「/」路線的瀏覽器,但是當我提出什麼也沒有發生。
在此先感謝
具有u分析數據被髮送?就像使用chrome開發工具網絡選項卡一樣。或者請求不是首先發送出去的? –
在檢查頁面時,它無法加載「angular.min.js」,但我把它放在同一個文件夾中,我不知道爲什麼它發生了@GilbertNwaiwu –
你是否說angular.min.js根本不加載? –