使用 AJAX 解析有效的 JSON？

Question

嗨，我仍在学习这个 JSON 的东西...

我想我找到了一个有效的 JSON：

http: //www.nfl.com/liveupdate/scorestrip/ss.json

问题是我不确定如何使用 AJAX 解析它？

这可以吗？我也听说过MooTools 有什么区别？

另外，这里还有一些我只是想玩一下但似乎不起作用的代码：

$.ajax({
    type: "GET",
    url: "http://www.nfl.com/liveupdate/scorestrip/ss.json",
    dataType: "json",
    success: function(data) {
        // Interpret response
       for (var i = 0; i < data.gms.length; i++) {
        document.write("Day: " + data.gms[i][0]);
        document.write("<br/>");
        document.write("Time: " + data.gms[i][1]);
        document.write("<br/><br/>");
    }
    }
});

Answer 1

JSON 代表“JavaScript 对象表示法”。 AJAX 代表“异步 Javascript 和 XML”。 MooTools 是一个跨浏览器 JavaScript 框架，它为开发人员提供了面向对象的 JavaScript 工作流程。

不要将苹果和豌豆混淆。这三种技术经常一起使用，但又是不同的东西。 JSON 是一种描述 javascript 对象、数组和文字的表示法； AJAX 用于请求和检索文档（包括 JSON 格式的文档），MooTools 可用于进行 AJAX 调用（可能检索 JSON 格式的文档 - 或 XML 片段）。

JSON 是纯 JavaScript，不需要以任何方式“解析”它，JavaScript 解释器会为你做这件事。 AJAX 通常用于描述 XMLHttpRequest：源自 javascript 的 http 请求，通常检索 JSON 或 XML/HTML 数据。 MooTools 允许您使用相对较少的代码通过其 Request 类：

var request = new Request.JSON({
  url: 'http://www.nfl.com/liveupdate/scorestrip/ss.json',

  onRequest: function(){
    alert('We are loading now ...'); // abuse alert(), quite annoying and so 1990
  },

  onComplete: function(jsonObj) {
    // jsonObj is the retrieved JSON. Access it like you would normal javascript objects and arrays
  }

}).send();

Answer 2

我猜你的问题是因为你发出了跨域请求，而你的浏览器阻止了该请求。要处理来自另一个域的 json 响应，您需要使用 jsonp 数据类型。它基本上是在 ajax 请求中更改 dataType:"jsonp" 。

在同源策略下，server1.example.com 提供的网页无法正常连接或与除 server1.example.com 以外的服务器通信。 HTML 元素是一个例外。利用元素的开放策略，某些页面使用它们来检索对来自其他来源的动态生成的 JSON 格式数据进行操作的 Javascript 代码。这种使用模式称为 JSONP。

请阅读相关内容。有关 jquery ajax 中的 abt json 的更多信息： http://api.jquery.com/jQuery.ajax/< /a>

你更新的代码：

$.ajax({
    type: "GET",
    url: "http://www.nfl.com/liveupdate/scorestrip/ss.json",
    dataType: "jsonp",
    success: function(data) {
        // Interpret response
       for (var i = 0; i < data.gms.length; i++) {
        document.write("Day: " + data.gms[i][0]);
        document.write("<br/>");
        document.write("Time: " + data.gms[i][1]);
        document.write("<br/><br/>");
    }
    }
});

由于该网站似乎不在你的控制之下，你可以让脚本点击你的网址，即你的本地网站网址，其中你的本地服务器现在联系实际的网址获取json并按原样发送它

Answer 3

我建议您首先研究http请求，当您请求数据或接收数据时发生了什么。
一旦您学习了基础知识，那么请求和接收数据就会很容易。

HTTP 请求