未定义的JSONP跨域

Question

I have an API based on Php Slim Framework and want to generate JSONP for my website. When I call the website on: 'http://api.mangayurdu.com/users?callback=JSON_CALLBACK'. It returns a blank page with JSON CALLBACK() write on it. When logged to the console it is undefined.

API's index.php:

<?php
require 'vendor/autoload.php';

$app = new \Slim\Slim();
$app->contentType('application/json');
$app->get('/users', 'getUsers');
$app->run();

function getConnection() {
$dbhost="localhost";
$dbuser="";
$dbpass="";
$dbname="";
$dbh = new PDO("mysql:host=$dbhost;dbname=$dbname;mysql:charset=utf8mb4", $dbuser, $dbpass);
$dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

return $dbh;
}

function getUsers() {
$sql = "select * FROM manga";
try {
    $db = getConnection();
    $stmt = $db->query($sql);
    $users = $stmt->fetchAll(PDO::FETCH_OBJ);
    $db = null;
    echo $_GET['callback'] . '('.json_encode($users).')';
}
catch(PDOException $e) {
    echo $_GET['callback'] . '('.json_encode($e->getMessage()).')';
}
}

Javascript:

.factory('MY', function($http){
var fax= {};
var url = 'http://api.mangayurdu.com/users?callback=JSON_CALLBACK';
fax.isimler = $http.jsonp(url);
return fax;
})

.controller('indexCtrl', function($scope, MY) {
 MY.isimler.success(function(alHemen){
      $scope.mangas = alHemen;
 });  
})

Answer 1

Don't serve it as application/json. Serve it as application/javascript. JSONP needs to be executed.

Also it appears with Slim you shouldn't use echo. Try calling $app->response->setBody.