MooTools 中的 jQuery.getJSON 等效项

Question

MooTools 中是否有任何 jQuery.getJSON() 等价物？我有一个名为 data.json 的 json 文件，我想通过使用 MooTool 调用 data.json 文件来获取它的内容。可能吗？我尝试了Request.JSON() 方法，但它对我不起作用。以下是我的代码，

var json_req = new Request.JSON({
    url:'../public_html/data/data.json',
    method: 'get',
    secure: true,
    data:{
        json: true
    },
    onSuccess: function (res){
        this.result = res;          
    },
    onFailure: function(){
        this.result = "failed";
    }
}).send(); 

同样来自http://demos111.mootools.net/，我发现了一个名为 Ajax() 的 Ajax 类，他们在整个教程中都广泛使用该类。但是在 MooTools 文档中我没有找到这个 Ajax() 类。我尝试通过替换我的 Request.JSON() 来使用 Ajax()，但得到了“Ajax 未定义”错误。这个 Ajax 类是什么，我们如何在 MooTools 中使用它？

Answer 1

这个适合我

window.addEvent('domready', function() {
    new Request.JSON({
        url: url,
        data: {'delay': 1},
        method: 'post',
        onSuccess: function(response) {
        var myJSON = JSON.encode(response)
          console.log(myJSON); 
        }
    }).send();
})

你可以在这里看到结果

http://jsfiddle.net/chetabahana/qbx9b5pm/

Answer 2

这是您正在关注的功能的一个简单示例。基本上是在类周围包装一个函数……你也可以直接使用类。

function getJSON(url, callback) {
    new Request.JSON({
        url: url,
        onSuccess: callback
    }).send();
}

// and invoque it:
getJSON('/echo/json/', function(json) {
    console.log(json);
});

您可以在此处实时查看：https://jsfiddle.net/w64vo2vm/

Answer 3

我有一个小功能来完成这项任务。这是代码

var configJson;

function klak_readJson(fileurl) {
  var myRequest = new Request({
    url: fileurl,
    method: 'get',
    onRequest: function(){
      console.log('loading '+fileurl+'...');
    },
    onSuccess: function(responseText) {
      console.log('received bytes '+responseText.length);
      configJson=JSON.parse(myRequest.response.text);
    }
  });
  myRequest.send();
}

调用函数将JSON对象存入configJson

klak_readJson('/js/test.json');

希望对你有帮助。