No 'Access-Control-Allow-Origin' ---> Doing an angular $HTTP request

Question

I am doing a an ajax get request and I am getting this error:

XMLHttpRequest cannot load http://domains.bootname.com/api/v1/domain/test. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8000' is therefore not allowed access. 

I am not sure how to get around this... Here is my JS:

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

myApp.controller('mainController', function($scope, $http){
    $scope.message = "hello";

    var myDomain = $scope.myDomain;

    $scope.searchDomain = function(myDomain){
        $http.get('http://domains.bootname.com/api/v1/domain/' + myDomain, {
        type: 'GET',
        dataType: 'JSONP',
        success: function(results){
            console.log(results)
        }
    })
    }

});

Answer 1

I changed the request to jsonp and added ?callback=JSON_CALLBACK to the end of the URL request..

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

myApp.controller('mainController', function($scope, $http){
    $scope.message = "hello";

    var myDomain = $scope.myDomain;



    $scope.searchDomain = function(myDomain){
        $http.jsonp('http://domains.bootname.com/api/v1/domain/' + myDomain + '?callback=JSON_CALLBACK').then(function(result){
            console.log(result.data);
        });
    }

});