javascript - 我的 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 开发者控制台记录了这个 “无法加载 https://codepen.io/boomerang/iFrameKey-a33d8144-0d32-5d95-7476-4d00493149e7/wrongfile.txt:对预检请求的响应未通过访问控制检查:否请求的资源上存在“Access-Control-Allow-Origin” header 。因此不允许访问来源“https://s.codepen.io”。响应的 HTTP 状态代码为 404。“ ....我很困惑!

Answer 1

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