Я использую скрипт Angularjs ниже для отправки записей в базу данных.он показывает только одну запись, которая заменяет предыдущие отправленные данные.
Я хочу, чтобы каждая отправленная запись отображалась самостоятельно.Я предполагаю, что проблема может быть из вызова данных
$scope.users = response.data;
<!doctype html>
<html>
<head>
<title></title>
<script src="angular.min.js"></script>
</head>
<body >
<div ng-app='myapp' ng-controller="userCtrl">
<table>
<tr>
<td>First Name</td>
<td><input type='text' id='txt_fname' ng-model='fname'></td>
</tr>
<tr>
<td>Last Name</td>
<td><input type='text' id='txt_lname' ng-model='lname'></td>
</tr>
<tr>
<td>Username</td>
<td><input type='text' id='txt_uname' ng-model='uname'></td>
</tr>
<tr>
<td> </td>
<td><input type='button' id='but_save' value='Save' ng-click="add()" ></td>
</tr>
</table>
<table border="1">
<tr>
<th>First name</th>
<th>Last name</th>
<th>Username</th>
</tr>
<tr ng-repeat="user in users">
<td>{{user.fname}}</td>
<td>{{user.lname}}</td>
<td>{{user.username}}</td>
</tr>
</table>
</div>
<!-- Script -->
<script>
var fetch = angular.module('myapp', []);
fetch.controller('userCtrl', ['$scope', '$http', function ($scope, $http) {
// Add new record
$scope.add = function(){
var len = 20;
//var len = $scope.users.length;
$http({
method: 'post',
url: 'add.php',
data: {fname:$scope.fname,lname:$scope.lname,uname:$scope.uname,request_type:2,len:len},
}).then(function successCallback(response) {
$scope.users = response.data;
//$scope.users.push(response.data[0]);
});
}
}]);
</script>
</body>
</html>
add.php
<?php
include 'config.php';
$data = json_decode(file_get_contents("php://input"));
$request_type = $data->request_type;
// Insert record
if($request_type == 2){
$fname = $data->fname;
$lname = $data->lname;
$uname = $data->uname;
mysqli_query($con,"insert into users33(fname,lname,username) values('".$fname."','".$lname."','".$uname."')");
$lastinsert_id = mysqli_insert_id($con);
$return_arr[] = array("id"=>$lastinsert_id,"fname"=>$fname,"lname"=>$lname,"username"=>$uname);
echo json_encode($return_arr);
}