よろしくお願いします。
お天気情報サービスのWeatherHacksのJSONデータをJQueryで取得したいと考えています。
まずはコードです。
html
1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="utf-8"> 5 <title>タイトル</title> 6 <link rel="stylesheet" href="css/main.css" type="text/css" media="all"> 7 <script type ="text/javascript" src= "js/jquery-1.8.2.min.js"></script> 8 9 <script type ="text/javascript" src= "js/common.js"></script> 10 </head> 11 <body> 12 <input type="button" id="btn" value="Button"> 13 </body> 14</html> 15
javascript
1$(function (){ 2 var url = 'http://weather.livedoor.com/forecast/webservice/json/v1?callback=?'; 3 var params = { 4 key: '011000'; 5 }; 6 7 $("#btn").click(function(e){ 8 $.getJSON(url, params, function(data) { 9 alert('json'); 10 }); 11 }); 12});
現在の問題として、ボタンをクリックしてもアラートが表示されません。
クリックイベントの記述の前にアラートを書いた場合、アラートは表示されます。
リクエストのurlですが、callback=?の部分を直接地域のIDにして、
paramsを使わずに書いてもみましたが結果は同じくalert('json');が表示されませんでした。
getJSONの使い方が間違っているのでしょうか?
原因が分からずに困っています。
最終的には取得したJSONデータを使って天気の情報を表示させたいのですが、
まずはアラートが表示させられないと始まらないのでこのようなコードを書いています。
原因と解決方法が分かる方がいらっしゃいましたら教えて頂きたいです。
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/07/14 14:40