My code below is :
Code:
function getTicket() {
try {
alert("Get Ticket")
var tableauInfo = {
username: "xxxxxxxx",
site_root:"POC1",
client_ip:"xx.xxx.xxx.xx"
}
//$('#getTicket').html('sending..');
var dashboardResourceURL = "https://analytics.xxxxxxx/trusted/##TOKEN##/t/POC1/views/ExampleVis/Dashboard1?:iid=1"
var resourceURL = "https://analytics.xxxxxxxxxxx/trusted"
$.ajax({
method: 'POST',
url: resourceURL,
data: JSON.stringify(tableauInfo),
dataType: 'html',
contentType:'application/x-www-form-urlencoded; charset=UTF-8',
crossDomain: true,
})
.success(function (result) {
alert(Json.stringify(data));
dashboardResourceURL.replace("##TOKEN##",result);
alert(dashboardResourceURL);
$('#tokenurl').show();
$('#tokenurl').src= dashboardResourceURL;
$('#getTicket').html(data.msg);
})
.fail(function(data){
console.log('failed!! ', data);
$('#getTicket').html("Error retrieving ticket from Tableau server");
});
}
catch(err){
console.log('an unforseen error occurred; it is ', err);
}
}
I'm performing a client side request to hit the server and get a token and get the response object of token and repost the dynamic token to server to get the image on the browser
I'm getting an error:
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.
Please suggest how to get rid of this error.
Thanks in advance.