javascript — Angularjs обеспечивает передачу данных, опубликованных json

Question

javascript — Angularjs обеспечивает передачу данных, опубликованных json

Я пытаюсь отправить данные из приложения Angularjs на php, чтобы вставить их в mysql db.
У меня есть index.html, который содержит скрипт, страницу getUser_api.php и страницу insert.php

У меня не было ошибки в консоли, но мне не удалось вставить в MySQL DB.

Так есть ли способ убедиться, что данные JSON были переданы или

var app =   angular.module("app",['ui.router']);

app.controller("insertCtrl", function($scope,$rootScope, $http) {

$scope.insert = function() {

$http.post(

"getUser_api.php", {

'Customer_Name': $scope.Customer_Name,

'Cust_mail': $scope.Cust_mail,

'Cust_Address': $scope.Cust_Address

}) ;
}

});

Моя страница insert.php

<div class="well col-xs-8 col-xs-offset-2" style="margin-top: 10%" ng-controller="insertCtrl">

<form>
<div class="form-group">

<label>Name</label>
<input type="text" class="form-control" ng-model="Customer_Name">

</div>

<div class="form-group">
<label> mail</label>
<input type="text" class="form-control" ng-model="Cust_mail">
</div>

<div class="form-group">
<label>Address</label>
<input type="text" class="form-control" ng-model="Cust_Address">
</div>
</form>

<button class="btn-block btn-info" ng-click="insert()">Insert</button>
</div>

getUser_api

<?php

include('config.php');

$result=mysql_query('select * from customers');

$data['results']=array();

while($row=mysql_fetch_assoc($result)){
array_push($data['results'],$row);
}

if(count($data['results'])>0)
$data['status']='OK';

else
$data['status']='Z-Result';
echo json_encode($data);

?>

0

ajax angularjs javascript json php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Если вы хотите проверить вручную, вы можете проверить это в браузере — инструменты разработчика на вкладке XHR.

В случае, если вы хотите отловить ошибку в конце js, вы можете сделать:

var dataToSend = {
'Customer_Name': $scope.Customer_Name,
'Cust_mail': $scope.Cust_mail,
'Cust_Address': $scope.Cust_Address
};
var req = {
method: 'POST',
url: 'getUser_api.php',
data: JSON.parse(JSON.stringify(dataToSend))
};
$http(req).then(function (response) {
//handle success
}, function (error) {
//handle error
});

Как проверить вручную в браузере:

Откройте Chrome и нажмите F12 для параметров разработчика
Нажмите на сеть
Нажмите на XHR
Теперь на вашей html странице нажмите на кнопку, которая вызовет ваш метод вставки.
Ваш запрос будет отображаться следующим образом
Нажмите на запрос отправлен
Нажмите заголовки
Вы сможете увидеть свой Json в запросе полезной нагрузки.

2