🥇 Envolva o conteúdo HTTP em HTTPS na solicitação Ajax do Codepen

Ao tentar acessar conteúdo misto com ajax no codepen, diga:

function call_api_chuck () {
    $.ajax({
      url: "http://api.icndb.com/jokes/random",
      jsonp: "callback",
      type: "GET",
      dataType: "jsonp",
      success: function (data) {
        $("#author").remove();
        $("#quote").append(data["value"]["joke"]);
      },
      xhrFields: {
    withCredentials: false
      }
    });
  };

E você tem outros recursos em sua caneta acessados via HTTPS, você obtém um erro de conteúdo misto.
Basta adicionar https://crossorigin.me/ antes do seu url e ele será empacotado com sucesso.

url: "https://crossorigin.me/http://api.icndb.com/jokes/random"

Related Posts