404 invalid http status code when using slim framework via Angular JS $http.post

Question

I did alot of research on my problem and none the solution from the internet help. Hope you guys can help me.

My browser console shown the following error when I clicked on the submit button:

My Rest api code using Slim Framework:

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS");
header("Access-Control-Allow-Headers: Origin, Content-Type, Accept, Authorization");

require 'vendor/autoload.php';
require 'vendor/notorm/notORM.php';

$app = new \Slim\Slim();

$db_username = 'postgres';
$db_password = 'postgres';
$dsn = 'pgsql:host=localhost;dbname=platapp';
$conn = new PDO($dsn, $db_username, $db_password) or die ("can't connect");
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$db = new NotORM($conn) or die ("instance not created");


$app->post('/registration', function() use($app, $db, $conn){
   $app->response()->header("Content-Type", "application/json");
   $post = json_decode($app->request()->getBody());
   $postArray = get_object_vars($post);
   $user = $db->user_platapp();
   $result = $user->insert($data);

   $db = null;
   $conn = null;
});

My angular code:

app.controller('regProfileCtrl', function($http, $state, $scope,$stateParams, registration){

$scope.phone = $stateParams.phone;
$scope.setPage = function(page){
        $state.go(page);
};
$scope.setUser = function(user, page){
    var url = "http://localhost:3000/www/api/index.php/registration";
    var data = {
        user_given_name: user.name, 
        user_email: user.email, 
        user_password : user.password, 
        user_phone: $scope.phone, 
        user_last_name: "Malaysia", 
        user_country: "677"
    };


    var error_string = "Password not matched.";
    if(user.password == user.confirmpassword){
        $http.post(url, data).then(function(response){
                            $scope.setPage(page);
                            });
    }else
    {
        alert(error_string);
    }
}
});

Fyi, using app->get(...) got no problem.. only at POST got problem..

$result = $user->insert($data); $data is undefined.

danopz
– danopz

2015-09-03 09:47:21 +00:00
Commented Sep 3, 2015 at 9:47 — danopz
– danopz, Commented Sep 3, 2015 at 9:47
@copynpaste thanks, it worked now.. silly mistake

MZulkarnain Jaranee
– MZulkarnain Jaranee

2015-09-03 15:04:37 +00:00
Commented Sep 3, 2015 at 15:04 — MZulkarnain Jaranee
– MZulkarnain Jaranee, Commented Sep 3, 2015 at 15:04

danopz · Accepted Answer · 2015-09-03 15:32:56Z

1

As per my comment:

There is an undefined var $data

$result = $user->insert($data);

answered Sep 3, 2015 at 15:32

danopz

3,4085 gold badges35 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 12:22:03Z

0

It looks like you got the header error. There is a stackoverflow post Getting 404 error on POST. Angular.js that might be similar with your problem.

To summarize it, you can modify the header in your code such as stated below.

Latest version of Chrome does not need this header

header('Access-Control-Allow-Origin: *');

Extra header is not necessary. You have to use this header instead

header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept");

You may refer to this StackOverflow post Error :Request header field Content-Type is not allowed by Access-Control-Allow-Headers which explained it in details.

edited May 23, 2017 at 12:22

CommunityBot

11 silver badge

answered Sep 3, 2015 at 9:39

Alif Jamaluddin

5184 silver badges18 bronze badges

Collectives™ on Stack Overflow

404 invalid http status code when using slim framework via Angular JS $http.post

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related