javascript - 為什麼jQuery可以正常請求，angularjs卻報跨域錯誤？
報 XMLHttpRequest cannot load http://example.com/v1/recharge. Request header field Access-Control-Allow-Origin is not allowed by Access-Control-Allow-Headers in preflight response.
recharge.createRecharge = function (
operatorId, operatorName, amount, extraAmount, userId, userName) {
var deferred = $q.defer();
var data = {
operator: {
user_id: operatorId,
user_name: operatorName
},
amount: amount,
recharge_amount: amount + extraAmount,
currency: 'SGD',
user: {
user_id: userId,
user_name: userName
}
};
data = angular.toJson(data);
if (data) {
$http({
method: 'POST',
url: 'example.com/v1/recharge',
headers: {
'Content-Type': 'application/json'
},
data: data
})
.success(function (d, status) {
deferred.resolve(d, status);
}
).error(function (err, status) {
console.log(err);
});
}
return deferred.promise;
};
下面這個卻可以，
var data = {
'operator': {'user_id': '4320-9962-1b83f8fc4264', 'user_name': '乱石铺街'},
'amount': 1,
'recharge_amount': 2,
'currency': 'SGD',
'user': {'user_id': '4b92-ad75-506590099de5', 'user_name': 'ssdss'}
};
$.ajax({
url: 'example.com/v1/recharge',
method: 'POST',
dataType: 'json',
headers:{'Content-Type': 'application/json'},
data: JSON.stringify(data),
success: function (data) {
alert(JSON.stringify(data));
}
}); 
