使用php將Angularjs表單數據存儲在數據庫中

Question

我的index.html：

<form name="myForm" ng-controller="Ctrl" ng-submit="save(user)">
  <label>Name:</label>
  <input type="text" ng-model="user.name"/><br /><br />
  <label>Email:</label>
  <input type="text" ng-model="user.email"/><br /><br />
  <input type="submit" value="Submit"/>
</form>

的script.js

   function Ctrl($scope,$http)
   {

$scope.save = function(user)
{
   var data={
   name: user.name,
   email:user.email
        }
        console.log(data);
 $http.post("insert.php",data).success(function(data){
   console.log(data);
 });


}
 }      

insert.php

<? php

  $data = json_decode(file_get_contents('php://input'), true);
  if (json_last_error() === JSON_ERROR_NONE) {
  // use $data instead of $_POST
   print_r($data);

  ?>

這是我在數據庫中存儲表單數據的代碼..但它不起作用...我是angularjs的全新...我不知道我哪里出錯...請幫助我..

Answer 1

你有幾個錯誤：

JS （你需要$scope來鏈接你的變量）

$scope.save = function() {
   var data = {
      name: $scope.user.name,
      email: $scope.user.email
   }

   $http.post("insert.php", data).success(function(data, status, headers, config){

   });
}

HTML

<form name="myForm" ng-controller="Ctrl" ng-submit="save()">
  <label>Name:</label>
  <input type="text" ng-model="user.name"/><br /><br />
  <label>Email:</label>
  <input type="text" ng-model="user.email"/><br /><br />
  <input type="submit" value="Submit"/>
</form>