ajax - 无法从链接中获取 json 数据

Question

这是我的脚本，我无法从链接中获取json数据，请帮助我，如果我在任何地方错了，请指出，提前谢谢你

<script type="text/javascript">
          function getsomethin()
          //wait for HTML document
          {
              alert("l");
              $.getJSON('http://developers-blog.org/resources/jquery-ajax/heroes-list.json', function (data) {
                  console.log(data);                  alert(data);
                  $.each(data, function (i, name) {
                      $("div").append(name + " ");
                  });
              });
          }       

    </script>

Answer 1

我继续使用这种格式从链接中获取数据，它有效，感谢你们的支持

if (xmlHttp.readyState==4)
        {
            alert(xmlHttp.status);
            if(xmlHttp.status==200)
            {

            alert("hi");
            var jsondata=eval("("+xmlHttp.responseText+")") //retrieve result as an JavaScript object
            jsonOutput=jsondata.message.result;
            alert(jsonOutput);

            InitializeLeadStorage()

        }
        }

Answer 2

您必须使用JsonP进行跨域请求。

“jsonp”：使用 JSONP 加载到 JSON 块中。添加一个额外的“？callback =？” 到 URL 的末尾以指定回调。通过将查询字符串参数“_=[TIMESTAMP]”附加到 URL 来禁用缓存，除非缓存选项设置为 true。

试试这样

$(document).ready(function() {
    var url =  "http://developers-blog.org/resources/jquery-ajax/heroes-list.json";
    $.getJSON(url + "?callback=?",  function(data) {
        console.log(data);                  alert(data);
                  $.each(data, function (i, name) {
                      $("div").append(name + " ");
    });
});

Answer 3

如果它的跨域，你需要 jsonp

$.ajax({
    url: 'http://example.com/.../file.json',
    data: 'param=3',
    dataType: 'jsonp',
    success: function(results) {
        //callback
    },
    complete: function() {
        //callback
    }
});

http://api.jquery.com/jQuery.ajax/