AngularJS HTTP memposting ke PHP dan tidak ditentukan

Saya memiliki formulir dengan tag ng-submit="login()

Fungsi ini dipanggil dengan baik dalam javascript.

function LoginForm($scope, $http)
{
    $http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';

    $scope.email    = "fsdg@sdf.com";
    $scope.password = "1234";

    $scope.login = function()
    {
        data = {
            'email' : $scope.email,
            'password' : $scope.password
        };

        $http.post('resources/curl.php', data)
        .success(function(data, status, headers, config)
        {
            console.log(status + ' - ' + data);
        })
        .error(function(data, status, headers, config)
        {
            console.log('error');
        });
    }
}

Saya mendapatkan respons 200 OK kembali dari file PHP, namun, data yang dikembalikan mengatakan itu emaildan passwordtidak ditentukan. Ini semua php yang saya miliki

<?php
$email = $_POST['email'];
$pass  = $_POST['password'];
echo $email;
?>

Adakah ide mengapa saya mendapatkan POSTnilai yang tidak terdefinisi ?

EDIT

Saya ingin menunjukkan karena ini sepertinya pertanyaan yang populer (namun sudah lama), .successdan .errorsudah usang dan Anda harus menggunakan .thenseperti yang ditunjukkan @James Gentes di komentar

angularjs .post()default header tipe konten ke application/json. Anda menimpa ini untuk meneruskan data yang dikodekan formulir, namun Anda tidak mengubah datanilai Anda untuk meneruskan string kueri yang sesuai, sehingga PHP tidak terisi $_POSTseperti yang Anda harapkan.

Saran saya adalah dengan hanya menggunakan pengaturan default angularjs application/jsonsebagai header, membaca input mentah di PHP, dan kemudian deserialize JSON.

Itu bisa dicapai dalam PHP seperti ini:

$postdata = file_get_contents("php://input");
$request = json_decode($postdata);
$email = $request->email;
$pass = $request->password;

Bergantian, jika Anda sangat bergantung pada $_POSTfungsionalitas, Anda bisa membentuk string kueri seperti email=someemail@email.com&password=somepassworddan mengirimkannya sebagai data. Pastikan string kueri ini dikodekan URL. Jika dibuat secara manual (sebagai lawan menggunakan sesuatu seperti jQuery.serialize()), Javascript encodeURIComponent()harus melakukan trik untuk Anda.

Saya melakukannya di sisi server, pada awal file init saya, berfungsi seperti pesona dan Anda tidak perlu melakukan apa pun dalam kode php bersudut atau yang sudah ada:

if ($_SERVER['REQUEST_METHOD'] == 'POST' && empty($_POST))
    $_POST = json_decode(file_get_contents('php://input'), true);

Dalam API yang saya kembangkan, saya memiliki pengontrol dasar dan di dalam metode __construct () saya memiliki yang berikut ini:

if(isset($_SERVER["CONTENT_TYPE"]) && strpos($_SERVER["CONTENT_TYPE"], "application/json") !== false) {
    $_POST = array_merge($_POST, (array) json_decode(trim(file_get_contents('php://input')), true));
}

Hal ini memungkinkan saya untuk mereferensikan data json sebagai $ _POST ["var"] saat diperlukan. Bekerja dengan baik.

Dengan cara itu jika pengguna yang diautentikasi terhubung dengan pustaka seperti jQuery yang mengirimkan data posting dengan default Jenis Konten: application / x-www-form-urlencoded atau Jenis Konten: application / json, API akan merespons tanpa kesalahan dan akan buat API sedikit lebih ramah pengembang.

Semoga ini membantu.

Karena PHP tidak secara asli menerima JSON, 'application/json'satu pendekatan adalah memperbarui header dan parameter Anda dari sudut sehingga api Anda dapat menggunakan data secara langsung.

Pertama , Parameterkan data Anda:

data: $.param({ "foo": $scope.fooValue })

Kemudian , tambahkan yang berikut ini ke file$http

 headers: {
     'Content-Type' : 'application/x-www-form-urlencoded; charset=UTF-8'
 }, 

Jika semua permintaan Anda mengarah ke PHP, parameternya dapat disetel secara global dalam konfigurasi sebagai berikut:

myApp.config(function($httpProvider) {
    $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';
});

Kode Demo Angular Js: -

angular.module('ModuleName',[]).controller('main', ['$http', function($http){

                var formData = { password: 'test pwd', email : 'test email' };
                var postData = 'myData='+JSON.stringify(formData);
                $http({
                        method : 'POST',
                        url : 'resources/curl.php',
                        data: postData,
                        headers : {'Content-Type': 'application/x-www-form-urlencoded'}  

                }).success(function(res){
                        console.log(res);
                }).error(function(error){
                        console.log(error);
        });

        }]);

Kode Sisi Server: -

<?php


// it will print whole json string, which you access after json_decocde in php
$myData = json_decode($_POST['myData']);
print_r($myData);

?>

Karena perilaku sudut tidak ada metode langsung untuk perilaku posting normal di server PHP, jadi Anda harus mengelolanya di objek json.

Anda perlu melakukan deserialisasi data formulir Anda sebelum meneruskannya sebagai parameter kedua ke .post (). Anda dapat mencapai ini menggunakan metode $ .param (data) jQuery. Kemudian Anda akan dapat di sisi server untuk mereferensikannya seperti $ .POST ['email'];

Ini adalah solusi terbaik (IMO) karena tidak memerlukan jQuery dan tidak ada decode JSON:

Sumber: https://wordpress.stackexchange.com/a/179373 dan: https://stackoverflow.com/a/1714899/196507

Ringkasan:

//Replacement of jQuery.param
var serialize = function(obj, prefix) {
  var str = [];
  for(var p in obj) {
    if (obj.hasOwnProperty(p)) {
      var k = prefix ? prefix + "[" + p + "]" : p, v = obj[p];
      str.push(typeof v == "object" ?
        serialize(v, k) :
        encodeURIComponent(k) + "=" + encodeURIComponent(v));
    }
  }
  return str.join("&");
};

//Your AngularJS application:
var app = angular.module('foo', []);

app.config(function ($httpProvider) {
    // send all requests payload as query string
    $httpProvider.defaults.transformRequest = function(data){
        if (data === undefined) {
            return data;
        }
        return serialize(data);
    };

    // set all post requests content type
    $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';
});

Contoh:

...
   var data = { id: 'some_id', name : 'some_name' };
   $http.post(my_php_url,data).success(function(data){
        // It works!
   }).error(function() {
        // :(
   });

Kode PHP:

<?php
    $id = $_POST["id"];
?>

Ini adalah pertanyaan lama tetapi perlu disebutkan bahwa di Angular 1.4 $ httpParamSerializer ditambahkan dan saat menggunakan $ http.post, jika kita menggunakan $ httpParamSerializer (params) untuk meneruskan parameter, semuanya berfungsi seperti permintaan posting biasa dan tidak ada deserialisasi JSON dibutuhkan di sisi server.

https://docs.angularjs.org/api/ng/service/$httpParamSerializer

Butuh waktu berjam-jam untuk memahami hal itu saat bekerja dengan Angular dan PHP. Data posting tidak akan PHP di $ _POST

dalam kode PHP lakukan hal berikut. - Buat variabel $ angular_post_params - Kemudian lakukan hal berikut $angular_http_params = (array)json_decode(trim(file_get_contents('php://input')));

sekarang Anda dapat mengakses parameter Anda seperti yang Anda lakukan dari $ _POST

$angular_http_params["key"]

jika Anda bertanya-tanya tentang javascript .... inilah yang saya gunakan

    var myApp = angular.module('appUsers', []);
    //var post_params = $.param({ request_type: "getListOfUsersWithRolesInfo" });
    var dataObj = {
        task_to_perform: 'getListOfUsersWithRolesInfo'
    };

    myApp.controller('ctrlListOfUsers', function ($scope, $http) {
        $http({
            method: 'POST',
            dataType: 'json',
            url: ajax_processor_url,
            headers: {
                'Content-Type': 'application/json'
            },
            data: dataObj,
            //transformRequest: function(){},
            timeout: 30000,
            cache: false
        }).
        success(function (rsp) {
            console.log("success");
            console.log(rsp);
        }).
        error(function (rsp) {
            console.log("error");
        });
    });