title: calling non https api url from https website
body: <p>i am trying to call non-https api url from my https website, but it gives me error.</p>
  
  <p>jquery.js:9640 Mixed Content: The page at '<a href="https://example.com/" rel="nofollow">https://example.com/</a>' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint '<a href="http://apiurl/imageapi.php" rel="nofollow">http://apiurl/imageapi.php</a>'. This request has been blocked; the content must be served over HTTPS.</p>
  
  <pre><code>$.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) {
  </code></pre>
  
  <p>how can i solve this issue</p>