将数据从前端插入到angularjs中的mysql数据库

我试图使用angularjs将数据从前端插入到mysql数据库中。 但是，即使没有错误消息，它也不会插入到数据库中。以下是我使用的代码。将数据从前端插入到angularjs中的mysql数据库

的index.html

<html ng-app="demoApp"> 
    <head> 
     <title> AngularJS Sample</title> 
     <script src="js/angular.min.js"></script> 
     <script src="js/angular-route.min.js"></script> 
     <script type="text/javascript" src="js/script.js"></script> 
    </head> 
    <body> 
     <div class="container" ng-view> 
     </div> 
    </body> 
</html>

的script.js

demoApp.config(function ($routeProvider,$locationProvider) { 
    $routeProvider 
     .when('/', 
     { 
      controller: 'SimpleController', 
      templateUrl: 'Partials/view1.html' 
     }) 
     .when('/view2', 
     { 
      controller: 'SimpleController', 
      templateUrl: 'Partials/view2.html' 
     }) 
     .otherwise({redirectTo: '/'}); 
    }); 
    demoApp.controller('SimpleController',function ($scope,$http){ 
    $http.post('server/view.php').success(function(data){ 
     $scope.friends = data; 
    });; 
    $scope.addNewFriend = function(add){ 
     var data = { 
      fname:$scope.newFriend.fname, 
      lname:$scope.newFriend.lname 
     } 
     $http.post("server/insert.php",data).success(function(data, status, headers, config){ 
      console.log("inserted Successfully"); 
     }); 
     $scope.friends.push(data); 
     $scope.newFriend = { 
      fname:"", 
      lname:"" 
     }; 
    }; 
});

View1.html

<div class="container" style="margin:0px 100px 0px 500px;"> 
    Name:<input type="text" ng-model="filter.name"> 
    <br/> 
    <ul> 
     <li ng-repeat="friend in friends | filter:filter.name | orderBy:'fname'">{{friend.fname}} {{friend.lname}}</li> 
    </ul> 
    <br/> 
    <fieldset style="width:200px;"> 
     <legend>Add Friend</legend> 
     <form name="addcustomer" method="POST"> 
      First Name:<input type="text" ng-model="newFriend.fname" name="firstname"/> 
      <br/> 
      Last Name :<input type="text" ng-model="newFriend.lname" name="lastname"/> 
      <br/> 
      <button data-ng-click="addNewFriend()" name="add">Add Friend</button> 
     </form> 
    </fieldset> 
    <a href="#/view2" style="margin:auto;">Next</a> 
</div>

和以下是我的PHP文件

insert.php

<?php 
    if(isset($_POST['add'])) 
    { 
     $firsname=$_POST['firstname']; 
     $laname = $_POST['lastname']; 
     mysql_connect("localhost", "root", "") or die(mysql_error()); 
     mysql_select_db("angularjs") or die(mysql_error()); 
     mysql_query("INSERT INTO friends (fname,lname) VALUES ('$firsname', '$laname')"); 
     Print "Your information has been successfully added to the database."; 
    } 
?>

我知道我在这里做一些愚蠢的事。我今天刚刚开始学习angularjs。当我尝试用纯HTML插入到DB的PHP代码它完美的作品。我没有得到我在做什么错在这里。希望有人会帮助我在这里

来源

2013-11-15 Midhun Mathew

如果php在没有角度的情况下工作，那么我们可以将它作为原因打折，但您应该使用mysqli_ *或PDO而不是mysql_ *函数。使用Chrome开发人员工具或类似工具，您能看到XHR正在对脚本执行POST操作吗？它是否具有“添加”的值？我看不到你在哪里设置帖子“添加”的价值，但我不熟悉angular。有关为什么不使用mysql_ *的更多信息可以在这里找到[http://thinkoverflow.com/questions/12859942/why-shouldnt-i-use-mysql-functions-in-php） – boodle

你会得到一个回调或至少有一些请求代码的响应代码？ –

绝对看起来像你没有发送一个_POST [“add”]值，所以没有输入if。 – boodle

你的插入数据的脚本是错误的。用下面的代替它

$http.post("server/insert.php",{'fstname': $scope.newFriend.fname, 'lstname': $scope.newFriend.lname}) 
     .success(function(data, status, headers, config){ 
      console.log("inserted Successfully"); 
     });

并且还改变php如下。

$data = json_decode(file_get_contents("php://input")); 
$fstname = mysql_real_escape_string($data->fstname); 
$lstname = mysql_real_escape_string($data->lstname); 
mysql_connect("localhost", "root", "") or die(mysql_error()); 
mysql_select_db("angularjs") or die(mysql_error()); 
mysql_query("INSERT INTO friends (fname,lname) VALUES ('$fstname', '$lstname')"); 
Print "Your information has been successfully added to the database.";

这对我来说，当我尝试与您的代码。

来源

2013-11-18 06:24:17 MidhuN

它也适用于这里:) – StreetCoder

将数据从前端插入到angularjs中的mysql数据库

回答

相关问题