[英]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.