Angularjs用js插入到mysql中

时间:2017-10-02 15:22:02

标签: javascript mysql angularjs node.js

我是Angularjs的新手,我正试图通过nodejs将数据从简单的表单插入到mysql中。

在nodejs(backend)中,使用firefox中的rest客户端就可以了。

没有错误,不会将数据发送到数据库。我点击按钮发送名称什么都没发生。

controller.js

var app = angular.module('appCheck', []);
app.controller('customerController', function($scope, $http) {getAll();

$scope.getAll = getAll;
function getAll() {

$http.get("/customers")
.then(function(response) {
    $scope.names = response.data;
}, function(response) {
    $scope.names = "Error";
});
};

createCustomer();

$scope.createCustomer = createCustomer; 
function createCustomer() {

    $http.get("/customers", {
        'name': $scope.name


    })
    .then(function(response) {
        $scope.names = response.data;
    }, function(response) {
        $scope.names = "Error";
    });
};

的index.html

   <html>  
 <head>  
      <title>Select Customers from Mysql</title>  
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />  
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

      <script src="/controller.js"></script> 
      <script src="/resources/js/angular-route.js"></script>
 </head> 

 <body>  
      <br /><br />  
      <div class="container" style="width:500px;">  
           <h3 align="center">test</h3>  
           <div ng-app="appCheck" >
        <div ng-controller="customerController" ng-init="displayData()">  

                <table class="table table-bordered">  
                     <tr>  
                          <th>ID</th>  
                          <th>Name</th>

                     </tr>  
                     <tr ng-repeat="x in names">  
                          <td>{{x.id}}</td>   
                          <td>{{x.name}}</td>    

                     </tr>  
                </table> 

                          <label>Name: <input type="text" ng-model="name" /></label><br />
                          <input type="submit" value="Send Name" ng-click="createCustomer()"/>

           </div>  
      </div>  

 </body>  

使用a中的直接帖子,然后将名称插入数据库。

你能用代码示例解释我的问题吗?

谢谢

0 个答案:

没有答案