Запуск Angular 6 с PHP MySQL - PullRequest
Новая
       9

Запуск Angular 6 с PHP MySQL

0 голосов
/ 11 сентября 2018

Я всех, так как я новичок в Angular 6. Поскольку мне нужен был код для вставки данных из PHP MySQL Поскольку я следовал, чтобы вставить данные, используя AngularJS, и это было успешно

Я установил узел js, угловой CLI и скоро ..

index.html 

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>softAOX | Insert Data Into Database using Angular JS with PHP Mysql</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
</head>
<body>
<div class="container">
<h1 align="center">Insert Data Into Database using Angular JS with PHP Mysql</h1>
<div ng-app="sa_insert" ng-controller="controller">
<label>Name</label><input type="text" name="name" ng-model="name" class="form-control"><br/>
<label>Email</label><input type="text" name="email" ng-model="email" class="form-control"><br/>
<label>Age</label><input type="text" name="age" ng-model="age" class="form-control"><br/>
<input type="submit" name="insert" class="btn btn-success" ng-click="insert()" value="Insert">
</div>
</div>
<script>
var app = angular.module("sa_insert",[]);
app.controller("controller", function($scope, $http){
    $scope.insert = function(){
        var request = $http({
            method: "post",
            url: "insert.php",
            data: {
                name: $scope.name,
                email:$scope.email, 
                age:$scope.age
            },
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
    });

        // $http.post(
        // "insert.php",
        // {'name':$scope.name, 'email':$scope.email, 'age':$scope.age}
        // ).success(function(data){
        //  alert(data);
        //  $scope.name = null;
        //  $scope.email = null;
        //  $scope.age = null;
        // });
    }
});

</script>


</body>
</html>

insert.php 

<?php
header('Access-Control-Allow-Origin: *'); 
header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, 
Accept");
session_start();


// echo 'sdf'; die;
$conn = mysqli_connect("localhost", "root", "", "angular_js");
$info = json_decode(file_get_contents("php://input"));
if(count($info) > 0)
{
  $name = mysqli_real_escape_string($conn, $info->name);
  $email = mysqli_real_escape_string($conn, $info->email);
  $age = mysqli_real_escape_string($conn, $info->age);
  $query = "INSERT INTO insert_emp_info(name, email, age) VALUES ('$name', '$email', '$age')"; // Insert Query
  if(mysqli_query($conn, $query))
  {
    echo "Insert Data Successfully";
  }
  else
  {
    echo "Failed";
  }
}
?>

Ошибка 404 не найдена

Не удалось POST /insert.php

Пожалуйста, предложите мне эту проблему

...