Githubages上的OpenWeatherMap API-前端问题

Openweathermap API on Githubpages(Githubages上的OpenWeatherMap API)

本文介绍了Githubages上的OpenWeatherMap API的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有一个我完成的项目，当你将它上传到Github页面时，它不起作用。它不会引入任何脚本、外部链接的字体和API数据。该接口只支持HTTP，Github Pages只支持HTTPS。有什么方法可以在不更改API的情况下绕过它吗？接口为OpenWeatherMap 数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">

$(document).ready(function(){
var temp = $('.temperature');
var APIKEY = ';
var loc = $('#search').val();
function updateByCity(loc){
	var url = "http://api.openweathermap.org/data/2.5/weather?q=" + loc + "&APPID=" + APIKEY;
	sendRequest(url);
}

function k2f(k){
return Math.round(k*(9/5)-459.67);
}
function ascii(a){
	return String.fromCharCode(a);
}

$('.enter').click(function(event){
event.preventDefault();
var loc = $('#search').val();
var url = "http://api.openweathermap.org/data/2.5/weather?q=" + loc + "&APPID=" + APIKEY;
	console.log(url);
	var xmlhttp = new XMLHttpRequest ();
	xmlhttp.onreadystatechange = function(){
		var url = "http://api.openweathermap.org/data/2.5/weather?q=" + loc + "&APPID=" + APIKEY;
		console.log("lol");
	var data = JSON.parse(xmlhttp.responseText);
	var datatext = data.id;
	var name = data.name;
		var locname = name;
		var temptext = k2f(data.main.temp) + ascii(176) + "F";
		console.log(temp);
		console.log(url);
		$('.temperature').text(temptext);
	$('.city').text(name);
	};
	xmlhttp.open("GET", url, true);
	xmlhttp.send();

});

Githubages上的OpenWeatherMap API

问题描述

推荐答案

基础教程推荐