プログラム

ajaxはクロスドメインを許していないのでこうするしかない?わけではないけれど(提供会社による)

ライブドアが提供している天気予報APIをJSだけで
なんとか出来ないかと思ったので試してみたけれど無理でしたので、
一回、PHPで読み込んでその情報を取得するという事で解決。

昔はYahooがそういう事を提供してたみたいですが
提供終了してました。

<div style="display: table;">
        <div style="display: table-cell;">
            今日の天気::<br>
            <img id="weather_0" src="">
        </div>
        <div style="display: table-cell;">
            明日の天気<br>
            <img id="weather_1" src="">
        </div>
    </div>

 

<script>
$(function(){
    $.ajax({
        type: 'GET',
        //'http://weather.livedoor.com/forecast/webservice/json/v1?city=390010',
        url: 'https://zip358.com/weather/',
        data:null,
        dataType: 'json'
    }).done(function(data){
        $("#weather_0").attr("src",data.forecasts["0"].image.url);
        $("#weather_1").attr("src",data.forecasts["1"].image.url);
    });
});
</script>

関連記事

  1. プログラム

    xdebugの動作仕方が分からなかったのでメモ。

    Xdebugを動作させます。(F5)次にブラウザを開き動作…

  2. javaScript

    jsのクリックイベントの謎??

    javaScriptとjqueryのクリックイベントの挙動が違…

  3. PHP

    phpでイマドキDB接続の仕方なの?

    実行していないので上手く動いているかは未知数ですが、コード…

  4. javaScript

    自分の務めてる会社の1次入社試験(過去問)

    自分の務めてる会社の入社試験(過去問)です。これぐらいのこ…

  5. プログラム

    σ(゚∀゚ )オレ的速報:基本情報技術者解答生成ツール

    σ(゚∀゚ )オレ的速報:基本情報技術者解答生成ツール4月…

2019年5月
« 4月 6月 »
 12345
6789101112
13141516171819
20212223242526
2728293031 
PAGE TOP