JSONPでエラーを検知する方法

はじめに

バイト先で、jsonpでエラーを検知する方法を調べていたので、そのメモです。

どうやるか

jsonpのエラーを検知するには、scriptタグのonerrorを使います。

// callbackで呼ばれる関数
function handleJsonpResponse(response) {
  // JSONPのレスポンスを処理するコード
}

// エラー時に呼ばれる関数
function handleJsonpError() {
  // JSONPのエラーを処理するコード
}

var script = document.createElement("script");
script.src = "http://example.com/jsonp_endpoint?callback=handleJsonpResponse";
script.onerror = handleJsonpError;
document.body.appendChild(script);

• scriptタグのonerrorに関数を指定すると、エラーが発生したときにその関数が呼ばれるので、エラーを検知できます。