簡體   English   中英

角度js發布數據

[英]angular js post data

錯誤

angular.js:14362 TypeError:$ http.post(...)。success不是ChildScope的函數。$ scope.insertData(myjs.js:6)在fn(在編譯時等於(angular.js:15197), :4:150)在ChildScope的回調(angular.js:26808)。在ChildScope的$ eval(angular.js:18017)。在HTMLButtonElement的$ apply(angular.js:18117)。 HTMLHandlerElement.eventHandler(angular.js:3605)的defaultHandlerWrapper(angular.js:3617)的(angular.js:26813)

html頁面:

    <body ng-app="mymod">      
       <div class="container" ng-controller="mycontroller">
       <div class="main-head">
       <img src="img/main.jpg" class="img img-thumbnail" alt="main image">

           </div>
       <div class="row">
    <div class="col-sm-5">

        <form>



  <div class="form-group">
    <label for="firstname">First name</label>
    <input type="text" class="form-control" id="firstname"  ng-model="firstname" name="firstname">
   </div>


  <div class="form-group">
    <label for="lastname">Last Name</label>
    <input type="text" class="form-control" id="lastname" ng-model="lastname" name="lastname">
  </div>



    <div class="form-group">
    <label for="district">District</label>
    <input type="text" class="form-control" id="district" ng-model="district" name="district">
  </div>


  <div class="form-group">
    <label for="dateofborth">Date Of Birth</label>
    <input type="text" class="form-control" id="datepicker"  ng-model="dob" name="dob">
  </div> 


        <button type="submit"   ng-click="insertData()" class="btn btn-info btn-sm"> Submit</button>     

        </form>                                   

           </div>


                <div class="col-sm-6 col-sm-offset-1 right">                                          <table class="table table-condensed">

                    <thead>
                       <tr>
                        <th> First Name</th>
                        <th> Last Name</th>
                        <th> District</th>
                        <th> Date Of Birth</th>
                        </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="student in data">
                        <td>{{ student.firstname }}</td>
                        <td>{{ student.lastname }}</td>
                        <td>{{ student.district }}</td>
                        <td>{{ student.dob }}</td>

                    </tr>
                    </tbody>


                </table> 

Insert.php頁面

include('connectdb.php');


$data = json_decode(file_get_contents("php://input"));

$firstname = $dbhandle->real_escape_string($data->firstname);
$lastname = $dbhandle->real_escape_string($data->lastname);
$district = $dbhandle->real_escape_string($data->district);
$dob = $dbhandle->real_escape_string($data->dob);



$query  = "INSERT INTO students VALUES($id,'".$firstname."','".$lastname."','".$district."','".$dob."')";


$dbhandle->query($query);

js文件

var app = angular.module("mymod",[]);
app.controller("mycontroller",function($scope,$http){

$scope.insertData = function(){
    $http.post("insert.php",{'firstname':$scope.firstname,'lastname':$scope.lastname,'district':$scope.district,'dob':$scope.dob})
    .success(function(){    
        $scope.msg = "Data Submitted";

    })


}   



});

請幫我,我找不到錯誤:(我想發送數據到我的數據庫

嘗試這個:

$scope.insertData = function($http){
    $http.post("insert.php",{'firstname':$scope.firstname,'lastname':$scope.lastname,'district':$scope.district,'dob':$scope.dob})
    .success(function(){    
        $scope.msg = "Data Submitted";

    })
}

嘗試使用此$ http處理程序-

$http.post('/someUrl', data, config).then(function(res){
     // The Code Here which runs on success callback
  }, function(err){
      // The Code Here which runs on Error callback
 });

它返回HttpPromise。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM