ajax - Raphael jsでデータを取得するためのAjaxリクエスト

Question

私は ajax リクエストを送信して、サークルのマウスオーバー イベントでデータ (json) をロードし、コスチューム データをサークルの子犬アップ ウィンドウに表示したいと考えています。これを処理する方法はありますか？

r.circle(100, 100, 50).attr({
    fill: "CadetBlue",
    stroke: "black"
}).mouseover(function (e) {
    var request = new XMLHttpRequest();
});

Answer 1

次のような ajax クエリを実行できます。

r.circle(100, 100, 50).attr({
    fill: "CadetBlue",
    stroke: "black"
}).mouseover(function (e) {
    var httpRequest = new XMLHttpRequest();
    httpRequest.onreadystatechange = function() {
        if (httpRequest.readyState === 4) {
            if (httpRequest.status === 200) {
                var msg = JSON.parse(httpRequest.responseText);

                // do stuff, for example show a popup

            } else {

                // fail

            }
        }
    };
    httpRequest.open('GET', url);
    httpRequest.send();
});