JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular-resource.min.js"></script>
<div ng-app="myApp" ng-controller="Ctrl"></div>
JavaScript
var myApp = angular.module('myApp', ['ngResource']);
myApp.config(['$httpProvider', function ($httpProvider) {
delete $httpProvider.defaults.headers.common['X-Requested-With'];
$httpProvider.defaults.headers.post['Accept'] = 'application/json, text/javascript';
$httpProvider.defaults.headers.post['Content-Type'] = 'application/json; charset=utf-8';
$httpProvider.defaults.headers.post['Access-Control-Max-Age'] = '1728000';
$httpProvider.defaults.headers.common['Access-Control-Max-Age'] = '1728000';
$httpProvider.defaults.headers.common['Accept'] = 'application/json, text/javascript';
$httpProvider.defaults.headers.common['Content-Type'] = 'application/json; charset=utf-8';
$httpProvider.defaults.useXDomain = true;
}]);
myApp.factory('Review', ['$resource', '$http',
function ($resource, $http) {
$http.defaults.useXDomain = true;
var params = {
pageNr: 1,
pageSize: 5,
enqueteId: "foo",
sortColumn: "undefined",
sortDirection: "undefined"
};
return $resource('http://headers.jsontest.com/', {}, {
fetch: {
method: 'JSONP',
params: params,
headers: {
'Accept': 'application/json, text/javascript',
'Content-Type': 'application/json; charset=utf-8'
},
isArray: false,
callback: 'JSON_CALLBACK'
}
});
}]);
myApp.factory('reviewService', ['$http',
function ($http) {
$http.defaults.useXDomain = true;
var defaultParams = {
pageNr: 1,
pageSize: 5,
enqueteId: "foo",
sortColumn: "undefined",
sortDirection: "undefined"
};
return {
fetch: function (params) {
var p = {};
for (var attrname in defaultParams) {
p[attrname] = defaultParams[attrname];
}
for (var attrname in params) {
p[attrname] = params[attrname];
}
...