Question

我有几个方面需要获取信息并将其附加到我的主HTML文档中，使用天气API生成的单独页面。

例如，在“当前条件”部分中，我需要参考＆＃34; http://api.wunderground.com/api/6905d444cd421efb/forecast/geolookup/conditions/q/CT/New_Haven.json＆＃34;但在我的每小时预测中，我需要从＆＃34; http://api.wunderground.com/api/6905d444cd421efb/hourly/q/CT/New_Haven.json＆＃34;中提取JSON信息。然后我需要在第三个单独的部分再次重复相同的过程，使用另一个URL进行10天的预测。每次调用新URL时，我都会创建新变量并将其结果附加到DOM。

我下面的代码可以使用，但如果我尝试第二次或第三次调用ajax方法，它就不起作用，并且事情要么显示为＆＃34; undefined＆＃34;或者在其他部分的页面上绝对没有显示。我的网页上唯一显示的是当前条件。

＆＃13;

$.ajax({                             
		url : "http://api.wunderground.com/api/6905d444cd421efb/forecast/geolookup/conditions/q/CT/New_Haven.json",
		dataType : "json", 
		success : function(parsed_json) {
				
			var current_icon = parsed_json['current_observation']['icon_url'];
			var current_weather = parsed_json['current_observation']['weather'];
			var location = parsed_json['location']['city']; 
			var temp_f = parsed_json['current_observation']['temp_f'];
			var current_feels = parsed_json ['current_observation']['feelslike_f'];
			var current_humidity = parsed_json ['current_observation']['relative_humidity'];
			var current_windDirection = parsed_json ['current_observation']['wind_dir'];
			var current_windMPH = parsed_json ['current_observation']['wind_mph'];
		
		$("#icon").append("<img src=' " + current_icon + "' alt='weather icon'/>" );
					
		$("#currentCond").append("Current Conditions: " + current_weather);
		
		$("#currentLoc").append("Location: " + location);
		
		$("#currentTemp").append(" Temp: " + temp_f + "ºF");
		
		$("#currentFeel").append("Feels Like: " + current_feels + "ºF");
		
		$("#currentHumid").append("Humidity: " + current_humidity);
		
		$("#currentWindDir").append("Wind Direction: " + current_windDirection);

		$("#currentWindMph").append("Wind Speed: " + current_windMPH + " MPH");	

		}/* Close Success */ 	
	}); /* Close Ajax  */

＆＃13;

我在第一次通话结束后尝试添加类似的内容。

＆＃13;

$.ajax({                             
		url : "http://api.wunderground.com/api/6905d444cd421efb/hourly/q/CT/New_Haven.json",
		dataType : "json", 
		success : function(parsed_json2) {
				
			var hourly_icon = parsed_json2['hourly_forecast']['icon_url'];
			var hourly_icons = parsed_json2['hourly_forecast']['icon'];
			
			$("#icons").append("Icon Type: " + hourly_icons);
		
			$("#icons").append("<img src=' " + hourly_icon + "' alt='weather icon'/>" );
				

		}/* Close Success */ 	
	}); /* Close Ajax  */

＆＃13;

如何使用AJAX＆amp;带有API的JSON可以调用多个URL吗？

0 个答案: