title: Mixed Content: The page at 'URL' was loaded over HTTPS | AngularJS
body: <p>Im making an app, where I want to sent $http.get requests to duckduckgo's API but their requests are done over HTTP. Seeing my site is HTTP is get the following error:</p>
  
  <pre><code>angular.js:11756 Mixed Content: 
  The page at 'URL' was loaded over HTTPS, 
  but requested an insecure XMLHttpRequest endpoint 'http://api.duckduckgo.com/'. 
  This request has been blocked; the content must be served over HTTPS.
  </code></pre>
  
  <p>When I adding the s to my request, I obviously get the following (seeing the CORS isn't setup):</p>
  
  <pre><code>XMLHttpRequest cannot load:
  https://api.duckduckgo.com/?q=Undulated%20Tinamou&amp;format=json&amp;pretty=1. 
  Response to preflight request doesn't pass access control check: 
  No 'Access-Control-Allow-Origin' header is present on the requested resource. 
  Origin 'https://URL' is therefore not allowed access. The response had HTTP status code 405.
  </code></pre>
  
  <p><strong>My question: <em>Is there any was for me to get the json and bypass one of the two stated above?</em></strong></p>
  
  <p><strong>Edit1:</strong> </p>
  
  <pre><code>$http.get('https://api.duckduckgo.com/?q=' + birdname + '&amp;format=json&amp;callback=jsonp&amp;pretty=1').then(function(res){
              console.log(res.data);
          });
  </code></pre>
  
  <p>I also tried the following:</p>
  
  <pre><code>$http.jsonp('https://api.duckduckgo.com/?q=' + birdname + '&amp;format=json&amp;callback=jsonp&amp;pretty=1').then(function(res){
                  console.log(res.data);
              });
  </code></pre>
  
  <p>With the second, I am getting the following error:</p>
  
  <pre><code>Uncaught ReferenceError: json is not defined
  </code></pre>