个人中心
gpt4 book ai didi

javascript - 如何将数据从 AngularJS 前端传递到 Nodejs 后端？

转载 作者：IT老高 更新时间：2023-10-28 23:18:41 26 4
gpt4 key购买 nike

我这里有一些 Angular 的 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。我能够从此 Node 代码将数据传递到 MySQL DB。如何继续 Angular 到 Node js？我来自 PHP 背景。我应该能够将数据从 Angular js 表单发送到 MySQL 数据库。我可以从这里的 Node 代码向 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);
});

最佳答案

它可以成为您入门的垫脚石:

索引.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>

Angular 代码 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 - Nodejs

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

关于javascript - 如何将数据从 AngularJS 前端传递到 Nodejs 后端？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35699095/

26 4 0
文章推荐： c++ - 嵌套的 shared_ptr 破坏导致堆栈溢出
文章推荐： c++ - 编译器 : What if condition is always true/false
文章推荐： android - 如何在 Android 上的 SQLite 中转义不受支持的字符？
文章推荐： c++ - 创建对象，局部变量与右值引用
IT老高
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com