jqueryの$.ajax使用でnet::ERR_CERT_COMMON_NAME_INVALIDが出ます

Question

YOLP（Yahoo地図）の標高APIをjavascriptで実現したくトライしています。

下記のようなコードを実行してもエラーが出て標高表示までたどり着きません。

発生している問題・エラーメッセージ

エラーメッセージ（APPIDは伏せています）
jquery-3.3.1.js:9679 GET https://alt.search.olp.yahooapis.jp/OpenLocalPlatform/V1/getAltitude?callback=jQuery3310807968483692002_1551276559503&appid=「APPID」&output=json&coordinates=35.76143355467434%2C139.64762181043625&_=1551276559504 net::ERR_CERT_COMMON_NAME_INVALID

該当のソースコード

function getAltitude(lat,lon){
    var APPID="伏せています";
    var url = "https://alt.search.olp.yahooapis.jp/OpenLocalPlatform/V1/getAltitude";
    var coordinates = lon + "," + lat;
    var param = {
        appid       : APPID,
        output      : "json",
        coordinates : coordinates
    };

    $.ajax({
        "url"       : url,
        "data"      : param,
        "dataType"  : "jsonp",
        "success"   : function(result){
                          var feature = result.Feature[0];
                          if ((result.ResultInfo.Count > 0)) {
                              altitude_API=feature.Property.Altitude;
window.alert(altitude_API);
                          }
                      }
    });
}

試したこと

jqueryはCDNリンクしていますが、ダウンロードしても同様の結果でした。

<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>

補足情報（FW/ツールのバージョンなど）

ChoromeでもIEでもエラーが出てwindow.alert(altitude_API);まで行きません。

よろしくお願いいたします。

Answer 1

net::ERR_CERT_COMMON_NAME_INVALIDというエラーは、「証明書のドメイン設定がおかしい」場合に出るものです。

このAPIは常時SSL接続化に伴ってエントリポイントが変更されたとのことで、旧URLがアクセス不能となっていたのでしょう。

Comments

[Masa_328]

ありがとうございます。
このプログラムを実行しているサイトはSSL化しており、かつ、jqueryもhttps://で接続されています。jqueryサイトが問題？でしょうか

[maisumakun]

Yahoo!側の変更がありましたので、アクセスするURLを書き換えてください。

[Masa_328]

ピンポンです！おっしゃった通りURLが変わっていました。
ありがとうございます！