Javascript 我的API URL正确，HTTP正确，但Console.log（）为空？为什么？

我无法让任何API URL工作！我所有的JavaScript代码都是正确的，所以我不知道问题出在哪里

我的CodePen控制台和Google Chrome开发者控制台是空白的！ 请参见此处的屏幕截图：

这是我的密码笔：

以下是我的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错误调用，我实现了这一点，并让googlechrome开发人员控制台记录了这一点加载失败：对飞行前请求的响应未通过访问控制检查：请求的资源上不存在“访问控制允许原始”标头。因此，不允许访问源“”。响应的HTTP状态代码为404。”…我很困惑！

在代码笔上将协议更改为

https

，并且未注释

getNewQuote（）您是否考虑添加错误处理程序？阅读<代码> > $Ajax < /代码>是的……确切地。注意JSONP请求实际上是脚本请求。错误处理不如常规Ajax需要健壮的添加简单的错误回调函数。您尝试过吗？