POST array from angular to php

Question

I am posting an array from angular to PHP. The array i sent is like that [92,70,86,62,75,84,95] but in php it's turned into like this - "[92,70,86,62,75,84,95]".

My expected output from php is

{ user_id: false, data: [92,70,86,62,75,84,95] } The output i am getting is { user_id: false, data: "[92,70,86,62,75,84,95]" }

The code for posting data from angular is

$scope.data = [92,70,86,62,75,84,95];
 $http({
         method: 'POST',
         url: 'http://localhost/learn_php/api/api_set_data/',
         data: $scope.data,
         headers: {
             'Content-Type': 'application/x-www-form-urlencoded'
           }
        })
        .success(function(data) {
           console.log(data);
        });

The code in php is

public function api_set_data(){

    $array['user_id']  = $this->session->userdata('user_id');
    $array['data'] =  file_get_contents("php://input");

    $serializedData = serialize($array);
    file_put_contents(APPPATH."assets/get_values.txt", $serializedData);

    echo json_encode($array);        
  }

application/x-www-form-urlencoded is not capable of any complex structures, only key-value string pairs. Consider using application/json instead. Either way, you need to json_decode() the result of file_get_contents() in your PHP code. — cdhowie
– cdhowie, Commented Aug 11, 2017 at 19:36
but it shows the following error "XMLHttpRequest cannot load localhost/learn_php/api/api_set_data. Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response." — Usama Ishaque
– Usama Ishaque, Commented Aug 11, 2017 at 19:38
So configure your "Access-Control-Allow-Headers" in server side — user2976753
– user2976753, Commented Aug 11, 2017 at 19:39
@UsamaIshaque You should get that error either way. That indicates that the form is being served from something other than localhost. — cdhowie
– cdhowie, Commented Aug 11, 2017 at 19:40
solved header issue as well as used json_decode instead of json_encode but still getting the same output like this { user_id: false, data: "[73,66,75,70,94,100,60,89,69,79]" } — Usama Ishaque
– Usama Ishaque, Commented Aug 11, 2017 at 19:45

BeetleJuice · Accepted Answer · 2017-08-11 19:50:51Z

2

Use JSON.stringify and json_decode respectively

Javascript

data: JSON.stringify($scope.data)

PHP

$array['data'] =  json_decode(file_get_contents("php://input"), true);

answered Aug 11, 2017 at 19:50

BeetleJuice

41.1k24 gold badges120 silver badges181 bronze badges

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

Collectives™ on Stack Overflow

POST array from angular to php

My expected output from php is

The code for posting data from angular is

The code in php is

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

My expected output from php is

The code for posting data from angular is

The code in php is

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related