I'm currently trying to create a widget server which will serve widgets(duh), compareable to a google maps. Once the widget is loaded i will need to make additional calls to fetch more data if needed.
Since i'm loading the widgets via an ajax call and not iframe(due to styling concerns) i'm doing a cross domain call.
My question is fairly simple : how should i handle this?
I read about CORS and tried modifying my ajax response with an additional header :
Response.AppendHeader("Access-Control-Allow-Origin", "*");
but he doesn't even reach that line, my mvc project returns an empty result with statusCode 404 and status "Error".
At first he did an options call because i had content-type application/json but even text/plain does not reach my server.
Am I following the right approach? Should i embed my data as jsonp?
Feel free to share your insight.
Code that loads the widget :
$.ajax(
{
type: "GET",
contentType: "text/plain",
url: 'http://someotherdomain/widget/1',
crossDomain: true,
dataType: "json",
success:function(data) {
$('#targetDiv').html(data.htmlContent);
},
error: function(data) {
alert('error...');
}
});