フィールドを使用してAPI呼び出し（Dark Sky Forecast API）

Question

を完成させました。暗い天気予報APIを使いこなしていたので、自分の場所の天気をWebページに表示することができました。しかし、私は経度と緯度を厳密にコード化しました。私はそれをさらに一歩止めて、ユーザーが自分で入力するようにしたかったのです。これが動作を停止した場所です。

私のコードは単純に

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 
       <script> 
       //Waits until document is ready to run 
       jQuery(document).ready(function($) { 
        //Beginning of code 
        //Makes the request 
        $.ajax({ 
        url : "https://api.darksky.net/forecast/MyKey/1111,-1111+?exclude=minutely,hourly,daily,alerts,flags", 
        dataType : "jsonp", 
        success : function(parsed_json) { 
        var location = parsed_json['timezone']; 
        var temp_f = parsed_json['currently']['temperature']; 
        var complete = ("Current temperature in " + location + " is: " + temp_f); 
        $('#random').html("<h1>" + complete + "</h1>") 
        } 
        }); 
        } 
       }); 

       </script> 

        $('#search').click(getInfo); 
       }); 

       </script> 

した後、私はこの

     <div class="input-group input-group-lg"> 
         <input id="long" type="text" class="form-control" placeholder="Longitude" aria-describedby="sizing-addon1"> 
        </div> 

        <div class="input-group input-group-lg"> 
         <input id="lat" type="text" class="form-control" placeholder="Latitude" aria-describedby="sizing-addon1"> 
        </div> 

        <div class="rand"> 
        <button class="btn btn-primary btn-lg" role="button" id="search">Find my location and temperature!</button> 
        </div> 

のように（私はきちんと物事を保つために、ブートストラップを使用）一部のHTMLフィールドを作成し、私は見て私のスクリプトを更新する前にこのように

     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 
       <script> 
       //Waits until document is ready to run 
       jQuery(document).ready(function($) { 
        //Beginning of code 

        var getInfo = function(){ 
         //Grabs the longitude and latitude 
         var Longitude = $('#long').val(); 
         var Latitude = $('#lat').val(); 
         //Makes the request 
         $.ajax({ 
         url : "https://api.darksky.net/forecast/mykey/" + Longitude + ","+ Latitude + "+?exclude=minutely,hourly,daily,alerts,flags", 
         dataType : "jsonp", 
         success : function(parsed_json) { 
         var location = parsed_json['timezone']; 
         var temp_f = parsed_json['currently']['temperature']; 
         var complete = ("Current temperature in " + location + " is: " + temp_f); 
         $('#random').html("<h1>" + complete + "</h1>") 
         } 
         }); 
        } 

        $('#search').click(getInfo); 
       }); 

ただし、この時点では機能しません。ボタンをクリックしても何も起こりません。たぶん私はHTMLの部分で何か間違ったことをしました。なぜなら、スクリプトを少しでも変更したので、それは問題ではないと思います。

ありがとうございました！

Answer 1

心配しないでください。私はすべてのことを正しくやりました。私は誤ってURLにプラス記号を入れました...おっと。