我的 API URL 是正确的并且 HTTP(S) 是正确的，但是 Console.log() 出现空白？为什么？

Question

我无法使用任何 API 网址！我所有的 JavaScript 代码都是正确的，所以我不知道问题出在哪里。

我的 CodePen 控制台和 Google Chrome 开发者控制台是空白的！请在此处查看屏幕截图：https://s25.postimg.org/k5ds4p1xb/Console_Test.jpg (Screenshot of consoles)

这是我的 CodePen： https://codepen.io/IDCoder/full/KZqNdr/

这是我的 JavaScript 代码：

$(document).ready(function(){

  var quote;

  function getNewQuote() {
    $.ajax({
      url: 'https://api.forismatic.com/api/1.0/?method=getQuote&format=jsonp&lang=en&jsonp=?',
      jsonp: 'jsonp',
      dataType: 'jsonp',
      data: {
        method: 'getQuote',
        lang: 'en',
        format: 'jsonp'
      },
      success: function(response) {
        //quote = response.quoteText;
        console.log(response.quoteText);


      }
    });
  }
  //getNewQuote();
});

 //getNewQuote();

 // $('.get-quote').on('click', function(e) {
  //  e.preventDefault();
   // getNewQuote();
  //});

  //$('#quote').text(response.quoteText);
        //if (response.quoteAuthor) {
          //$('#author').text('said by ' + response.quoteAuthor);
        //} else {
         // $('#author').text('- unknown');
        //}

一位评论者建议我使用 ajax 错误调用，我实现了它并获得了 Google Chrome 开发人员控制台来记录此 "Failed to load https://codepen.io/boomerang/iFrameKey-a33d8144-0d32-5d95-7476-4d00493149e7/wrongfile.txt: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://s.codepen.io' is therefore not allowed access. The response had HTTP status code 404." ....我很困惑！

Answer 1

在 codepen 上将协议更改为 https 并取消注释 getNewQuote();

我的 API URL 是正确的并且 HTTP(S) 是正确的，但是 Console.log() 出现空白？为什么？

My API URL is Correct and the HTTP(S) is Correct, but Console.log() Comes up Blank? Why?

javascript

api

ajax

jsonp

access-control