2016-11-22 6 views
-1

私は十分に質問をしています。jQuery AJAXとJSONPを使用してfreegeoip.net APIを使用してユーザーの都市をブラウザに出力する

AJAXとJSONPを使用してfreegeoip.net APIを使用してユーザーの都市をブラウザに出力するためのJavascriptまたはjQueryを作成します。

ヒント:は、現在位置を取得し、ブラウザに街を表示するには、そのAPIを使用して、これは私がjsFiddleとにやっていることである:エンドポイントhttp://freegeoip.net/json/?callback=parseResponse

を使用して、私は考え出した質問は言います

$.get("http://freegeoip.net/json/", function (response) { 
    $("#address").html("City: " + response.city); 
    $("#details").html(JSON.stringify(response, null, 4)); 
}, "jsonp"); 

jQueryの

HTML

Cityを取得することができています
<hr/> 
<div id="address"></div> 
<hr/>Full response: <pre id="details"></pre> 

ここには、問題が何を言っているのか分かりません。誰かがこれにもっと光を当てることができるなら、私はうれしいでしょう。

+1

とスニペットを追加することもできます宿題の手伝いについては? – happymacarts

+0

@happymacarts私はそれを解決しましたが、私は確かに何をすると思いますか分かりません。それが私が手がかりを求めている理由です。 –

+0

都市がないとどうなりますか?あなたはそれを処理するためにいくつかの論理を含めるべきですか?私の応答は都市を持っていなかった完全な応答: { "ip": "138.23.217.2"、 "country_code": "US"、 "country_name": "United States"、 "region_code": "CA" 、 "REGION_NAME": "カリフォルニア"、 "都市": ""、 "ZIP_CODE": "92521"、 "TIME_ZONE": "アメリカ/ Los_Angeles"、 "緯度":33.7529、 "経度"。 -116.0556、 「metro_code」:803 } – happymacarts

答えて

1

必要な質問にお答えしたようです。

あなたは(私はしなかった)ユーザーの応答は、都市が含まれていない場合にはキャッチいくつかのエラーを追加することを検討しても、私は見ているあなたの応答

$.get("http://freegeoip.net/json/", function (response) { 
 
    //add some conditional here to handle edge cases hint " use an if() " 
 

 
    $("#address").html("City: " + response.city); 
 
    $("#details").html(JSON.stringify(response, null, 4)); 
 
}, "jsonp");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<hr/> 
 
<div id="ip"></div> 
 
<div id="address"></div> 
 
<hr/>Full response: <pre id="details"></pre>

+0

AJAXとJSONPを使用している質問の後半部分はどうでしょうか?あなたは本当に軌道に乗っていますか?トラック上にあるかどうかはわかりません。 –

+1

あなたのインストラクターに – happymacarts

+0

と聞いてください。jquery.get関数を使用している場合は、ajaxコールを使用しています。インストラクターがネイティブのjavascript ajaxコールを書き出して使用しないと、apiのアドレスがjsonレスポンスを返しています。 jquery(彼らが望むかもしれない)それはあなたが割り当てを満足したように見えます。それが私の場合は、インストラクターと明確にしたり、技術要件や制限事項 – happymacarts

関連する問題