Ajax请求获取Raphael js中的数据

我想发送一个ajax请求，在我的圆圈的mouseover事件中加载一些数据（json），并在我的圆圈上方的pup-up窗口中显示服装数据。 你知道怎么处理吗

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

---

您可以执行如下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();
});

---

我知道如何在extjs或jquery中发送请求，但在raphael中，我不确定这是否简单，我不知道如何指定要发送到服务器并获取相关数据的方法、url和参数。我想我应该为此编写一个纯javascript代码。我尝试了你的代码，但是httpRequest.readyState和httpRequest.status始终为0，请求失败！为什么？0表示单位化。您是否传递了有效的URL并调用send（）？如果服务器应答，您的onreadystatechange将以不同的状态被多次调用。我在本地调用了它，在我的js文件旁边创建了一个简单的json文本文件：httpRequest.open（'GET'，'data.txt'）；这是错误的吗？这不适用于本地文件（这是一个HTTP请求）。使用http://（这意味着您需要一个本地http服务器来开发）打开您的文件。