有关使用$ .ajax（）在codepen.io中发布请求的问题

Question

well, codepen.io is really an awesome front end designing web, but somehow I meet some problems. I try to use $.ajax() to request the JSON from weatherapi in myworks in codepen.io

here are my codes

 function clickButton(){

 $.ajax({
 type: "GET",

 url:"api.openweathermap.org/data/2.5/weather?lat=35&lon=139&APPID=c7294a560e0aac2d8389242ba90f4a6a",
 dataType: "jsonp",

 success: function(response){
  console.log(response);
 },
 error: function(xhr,status,error){
  console.log(status);
 }
});

}

i have used a lot of ways to test whether this url can be used, and just find that it works well. However, i cant figure out why this ajax request always fail......

I have read about another question that similar to my situation, the solution is to add "http://" before the url, but it seems that add it before doesnt work for me......

Answer 1

I used the same api in my project. You have to add https:// for it to work. This is very important or it wont work.