How to get data from PHP request in Angular JS?

Question

I want to make a simple rest service request with angular for the following PHP code. For some reasons the request throws an error.

Live code

PHP

<?php
  /* Simple array */
  $json = array("status" => 0, "msg" => "Request method accepted");

  /* Output header */
  header('Content-type: application/json');
  echo json_encode($json);
?>

Angular

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

app.controller('Main', function($scope,$http,$log){
  $http.get({
    method : "GET",
    url : "http://my-host-example/webservice.php",
    headers: {'Content-Type':'application/json'}
  }).then(function(response){
    $log.debug('success',response);
  },function(response){
    $log.debug('error',response);
  });
});

I think you do not need to set header for response Just " echo json_encode($json); exit(); " will be good. — Kashyap
– Kashyap, Commented Aug 10, 2016 at 7:23
@Jigar I placed the live code in jsfiddle, it enters the error function, status 404 — que1326
– que1326, Commented Aug 10, 2016 at 7:25
remove this line headers: {'Content-Type':'application/json'}, you are not passing any data with ajax request. — Jigar
– Jigar, Commented Aug 10, 2016 at 7:31

Dan M. CISSOKHO · Accepted Answer · 2016-08-10 07:44:33Z

2

did you tried this way ?

$http.get("http://webenergized.com/webservice.php").then(function(response){
        $log.debug('success',response);
      }, function(response){
        $log.debug('error',response);
      });
    });

and add in your php

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

answered Aug 10, 2016 at 7:44

Dan M. CISSOKHO

1,0851 gold badge14 silver badges28 bronze badges

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

2 Comments

que1326 Over a year ago

Yes I did, for some reasons in jsfiddle throws error 404 not found, but in w3schools editor (with same code) it works....

Dan M. CISSOKHO Over a year ago

it's certainly because the php url should be a https:// like fiddle (jsfiddle.net/0d1arfnb)

godtail · Accepted Answer · 2016-08-10 07:46:02Z

1

404 ?

hosts ok ?
permissions to read file ok ?
file have run permission?
owner is www:www ?

PHP

<?php

die(json_encode(['test' => 'test']));

Angular

$http.get(url); //return promise for service

Cross domain ?

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

answered Aug 10, 2016 at 7:46

godtail

1891 silver badge11 bronze badges

Comments

Joyson · Accepted Answer · 2016-08-10 07:34:19Z

error status 404 refers file not found at the given url please check the path or call ajax function like this works fine for me.

                $http({
                    url:'ajaxurl',
                    data:{
                        "key":'value',
                         "key":'value'
                    },
                    method:'get'
                }).
                success(function(data){
                    'your code here'

                }).
                error(function(data){
                })

Collectives™ on Stack Overflow

How to get data from PHP request in Angular JS?

3 Answers 3

2 Comments

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

1 Comment

Related