如何将数据从AngularJS前端传递到Nodejs后端？
我这里有一些有角度的js代码。
<!DOCTYPE html>
<html lang="en">
<head>
<script src="Scripts/angular.min.js"></script>
<body>
<div ng-app="">
<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">
</form>
</div>
</head>
</body>
</html>
以及带有MySQL代码的node js。我能够从此节点代码将数据传递到MySQL DB。如何继续对Node
JS进行角度测试？我来自PHP背景。我应该能够将数据从angular js表单发送到MySQL数据库。我可以从这里的节点代码向MySQL数据库发送数据。
var mysql = require('mysql');
var connection = mysql.createConnection({
host: 'localhost',
user: '',
password: '',
database: 'copedb'
});
connection.connect();
var cope = {
author: 'XYZXYZ',
title: 'Testing Node',
body: 'Node JS'
};
var query = connection.query('insert into cope set ?', cope, function(err, result) {
if (err) {
console.error(err);
return;
}
console.error(result);
});
问题答案：
它可能是您入门的垫脚石：
Index.html
<!DOCTYPE html>
<html lang="en">
<head>
<script src="Scripts/angular.min.js"></script>
<script src="Scripts/app.js"></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>
角度代码app.js
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.submit= function(){
var data = $.param({
book: JSON.stringify({
author: $scope.author,
title : $scope.title,
body : $scope.body
})
});
$http.post("/api/book/", data).success(function(data, status) {
console.log('Data posted successfully');
})
}
});
server.js-Node.js
var express = require('express');
var mysql = require('mysql');
var app = express();
var connection = mysql.createConnection({
host: 'localhost',
user: '',
password: '',
database: 'copedb'
});
connection.connect();
app.post('/api/book', function(req, res, next){
var cope = req.body.params;
var query = connection.query('insert into cope set ?', cope, function(err, result) {
if (err) {
console.error(err);
return res.send(err);
} else {
return res.send('Ok');
}
});
app.listen(8080);
-
我是spring的新手，在spring3中创建了一个应用程序。0我正在使用注释spring。 我想从我的控制器方法返回列表到jsp。列表将显示在选择框中。以下是控制器和jsp部分的代码。请帮助我理解这一点。 和JSP 在模型中添加用户时，它工作正常，但是当我添加lookingfor属性时。model.add属性（“lookingfor”，lookingfor）； 这是一个错误。 严重：Servle
-
我创建了一个新的电子应用程序。 在索引中。jsi使用节点文件系统加载数据 如果我试着使用require。JSIT之所以能够工作，是因为它运行在不同的线程上，而不是使用节点进行初始化，更像是一个实际的浏览器窗口。但有没有办法从索引中传递数据呢。js到main。js 我不知道我对这个问题的看法是否部分正确 如果您需要更多代码或信息，请询问！
-
我正在尝试将一个名为“ethAddress”的值从客户端的输入表单传递给FastAPI，以便我可以在函数中使用它来生成matplotlib图表。 我使用fetch在Charts中发布输入的文本。tsx文件： 然后我有了我的api。py文件设置如下： 据我所知，我使用< code > fetch < code > POST 请求将请求体中的“ethAddress”从客户端传递到后端，在后端，我可以访
-
问题内容： 我有一个执行http POST请求的函数。代码在下面指定。这很好。 我为http GET提供了另一个功能，我想将数据发送到该请求。但是我没有那个选择。 的语法是 获取（URL，配置） 问题答案： HTTP GET请求不能包含要发布到服务器的数据。但是，您可以将查询字符串添加到请求中。 angular.http为此提供了一个选项。 请参阅：http : //docs.angularjs.
-
问题内容： 我需要在单击recyclerview的图像时将数据从传递 到 。有人可以帮忙吗？ 问题答案： 创建一个侦听器接口，然后让您的MainActivity实现它。这样，您可以在onClick方法中调用回调方法。 接口： 主要活动： 您的VideoAdapter：
-
问题内容： 我有一个一个的按钮在我的课，这是我的主要窗口类： 我有一个类就是主窗口的内容。 如何访问内容中的此按钮？有没有更好的方法来组织和控制器以促进此访问？ 问题答案： 这样使用委托怎么样？本示例将更改按钮的标题。