i am trying to call non-https api url from my https website, but it gives me error.
jquery.js:9640 Mixed Content: The page at 'https://example.com/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://apiurl/imageapi.php'. This request has been blocked; the content must be served over HTTPS.
$.ajax({
url: 'http://example.com/imageapi.php',
method: 'post',
data: formData,
processData: false,
contentType: false,
dataType :'json',
beforeSend: function() {
jQuery('.bfd-dropfield-inner').html('Procession............');
},
success: function(response) {
how can i solve this issue