require.jsでJSONPする方法

　JSONPをモジュール化。

成果物

• demo
• code

コード抜粋

app.js

require(["https://api.github.com/users/" + "ytyaru" + "?callback=define"],
    (data) => {
        alert("ユーザlogin名: " + data.data.login + "\n" + "リポジトリ数: " + data.data.public_repos);
    }
);

エラーキャッチ

　enforceDefine: trueにすることでエラーをキャッチできる。

app.js

require.config({
    enforceDefine: true,
});
require(["https://api.github.com/users/" + document.getElementById("Username").value + "?callback=define"],
    (data) => {
        console.log("SUCCESS!!", err);
        return data;
    }
    , (err) => {
        console.log("ERROR...", err);
        return err;
    }
);

変数

　URLの一部をDOMから取得する。

define(function(require, exports, module) {
    const submit = document.getElementById('Submit');
    submit.addEventListener(
        'click', 
        ()=>{
            require(["https://api.github.com/users/" + document.getElementById("Username").value + "?callback=define"],
                (data) => {
                    ...
                }
            );
        }, 
        false
    );
});