的Javascript

Question

事实上我是API领域的初学者，这是我第一次在wunderground.com上注册，并且我按照文档生成密钥ID。后来我找到了链接和代码。

PHP：

<?php $json_string = file_get_contents("http://api.wunderground.com/api/2ea138a9dd52eabe    /geolookup/conditions/q/IA/Cedar_Rapids.json");
$parsed_json = json_decode($json_string);
$location = $parsed_json->{'location'}->{'city'};
$temp_f = $parsed_json->{'current_observation'}->{'temp_f'};
echo "Current temperature in ${location} is: ${temp_f}\n"; ?>

Javascript＆amp; Jquery的：

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
 <script> jQuery(document).ready(function($) {
 $.ajax({
 url : "http://api.wunderground.com/api/2ea138a9dd52eabe/geolookup/conditions  /q/IA/Cedar_Rapids.json", dataType : "jsonp", success : function(parsed_json) {
 var location = parsed_json['location']['city'];
 var temp_f = parsed_json['current_observation']['temp_f'];
 alert("Current temperature in " + location + " is: " + temp_f);
 } }); }); </script>

度过美好的一天

Answer 1

可以使用不同类型的方法集成Wunderground。

您提供了两个独立的：一个来自PHP，另一个来自JavaScript。两者都是等价的，但是用不同的技术实现。

的Javascript

您可以使用JavaScript snipplet即时加载预测。这样，您必须在需要的地方在DOM层次结构中插入已获取的数据。用更合适的东西替换你的alert（）调用。 E.g：

$("#weather").empty().append ("Current temperature in " + location + " is: " + temp_f);

您应该在文档中的某处创建带有“weather”id的block / inline-element：

<div id="weather">Loading forecast...</div>

PHP

另一种方法是从PHP端插入天气数据。这样你应该直接将预测输出到div：

<div id="weather"><?php "Current temperature in ${location} is: ${temp_f}\n"; ?></div>

如何将wunderground.com生成的链接集成到我的网站中

1 个答案:

的Javascript

PHP