如何在雅虎天气中将变量分配给javascript src脚本答案

【问题标题】：How to assign a variable into a javascript src script in yahoo weather如何在雅虎天气中将变量分配给javascript src脚本
【发布时间】：2015-03-20 14:43:55
【问题描述】：

以下代码工作正常，但我试图让它从 html 表单接收输入以从表单中选择任何位置。请参阅： text='chicago,il' 我希望它接收变量 text='location'

<script>
  var callbackFunction = function(data) {
    var wind = data.query.results.channel.wind;
    alert(wind.chill);
  };
</script>

<script src="https://query.yahooapis.com/v1/public/yql?q=select wind from weather.forecast where woeid in (select woeid from geo.places(1) where text='chicago, il')&format=json&callback=callbackFunction"></script>

我的一些尝试：

<!DOCTYPE html>
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
        <script>
            function getLocation() {
                var city = document.getElementById("city").value;
                var country = document.getElementById("country").value;
                var location = city + "," + country;
                //alert(location);
            }
            var callbackFunction = function(data) {
                var wind = data.query.results.channel.wind;
                document.write(wind.chill)  
                alert(wind.chill);
                };



        </script>

    <script src="https://query.yahooapis.com/v1/public/yql?q=select * from weather.forecast where woeid in (select woeid from geo.places(1) where text='location')&format=json&callback=callbackFunction"></script>

    </head>


    <body>
        <input type="text" id="city">
        <input type="text" id="country"
        <button onclick="getLocation()">Get Weather</button>
    </body>
</html>

我也尝试过其他方法，但即使我直接为 var location 分配一个字符串，例如 location="new york, ny" 或 "\'new york,ny\'" 等，它也不会返回一个值。请帮忙，谢谢。

【问题讨论】：

您的警报是否显示输入的位置？

标签： javascript variables src assign

【解决方案1】：

基本上，您需要在从表单中获取值之后加载 yahooapis 脚本。现在，脚本只会在您的页面加载时加载，这是行不通的。幸运的是，您可以使用 javascript 将脚本元素添加到您的页面。

function getLocation() {
   var city = document.getElementById("city").value;
   var country = document.getElementById("country").value;
   var location = city + "," + country;

    //create a script and add it to your page
    var script = document.createElement('script');
    script.src = "https://query.yahooapis.com/v1/public/yql?q=select * from weather.forecast where woeid in (select woeid from geo.places(1) where text='" + location + "')&format=json&callback=callbackFunction";
    document.getElementsByTagName('head')[0].appendChild(script);

}

【讨论】：

我添加了脚本，太棒了，谢谢，但由于某种原因，它保留了返回的值，例如 'wind chill' 55。即使我重新加载页面，该值仍然保持不变。我会继续努力，但如果你知道一些避免这种情况的方法，请发帖。谢谢
BRIAN STOP STOP，一切正常，我正在运行我之前的一项试验，并且该位置是硬编码的，现在运行良好。非常感谢。
不客气。请在可能的情况下投票/接受我的回答。