Eigentlich hat jQuery AJAX son Property crossDomain
. Leider hat das sehr wenig Effekt.
Um mit jQuery einen AJAX zu einer anderen URL machen möchte benötigt man das Property dataType
. Setzt man das auf jsonp
funzt es.
$(document).ready(function () { $.ajaxSetup({ headers: {'apikey': 'somekey73546hduehe'} // beforeSend: function (jqXHR) { // jqXHR.setRequestHeader('apikey', 'somekey73546hduehe'); // } }); $('#callbase64').click(function () { var productNo = $('#product_no').val(); console.log('productNo: ' + productNo); $.ajax({ url: 'http://localhost:8080/rest/product-dingsbums/' + productNo, type: 'get', async: false, dataType: 'jsonp', // only this solves CORS problem // contentType: 'text/plain; charset=UTF-8', // crossDomain: true, // processData: false, // beforeSend: function (jqXHR, settings) { // jqXHR.setRequestHeader('apikey', 'somekey73546hduehe'); // }, success: function (data, textStatus, jqXHR) { console.log('data: ' + data); $('img#base64image').attr('src', data); } }); }); });