Question

您好我需要一些帮助我是新学习的，这个问题可能有点傻但反正我厌倦了到处寻找并且无法找到我需要的答案。

所以基本上我把这个json放在http://swapi.co/api/people/1/?format=json 我在javascript中有这个功能：

function get_data_api()
{
 var data = anything_in_http://swapi.co/api/people/1/?format=json

 alert("name_of_json_from_url")
 }

所以我想要的是分配给var数据在json URL中包含的所有内容，然后获取每个标记并在警报中显示它们。

希望它有意义！

Answer 1

这是一个你不需要JQuery的JavaScript实现

＆＃13;

var getJSON = function(url, callback) {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', url, true);
  xhr.responseType = 'json';
  xhr.onload = function() {
    var readyState = xhr.readyState;
    var status = xhr.status;
    if (readyState == 4 && status == 200) {
      callback(null, xhr.response);
    } else {
      callback(status);
    }
  };
  xhr.send();
};

getJSON('http://swapi.co/api/people/1/?format=json',
  function(err, data) {
    if (err != null) {
      alert('You have an error: ' + err);
    } else {
      console.log(data);
      alert('The name from the URL: ' + data.name);
    }
  });

＆＃13;

Answer 2

您可以使用jQuery http://api.jquery.com/jquery.getjson/

var jqxhr = $.getJSON( "http://swapi.co/api/people/1/?format=json", function() {
  console.log( "success" );
})
  .done(function(data) {
    console.log( data.name );
});

这可能是How to get JSON from URL in Javascript?的副本这是谷歌上第一个带有关键字＆＃34; javascript json from url＆＃34;也许你使用错误的关键词进行搜索

额外信息：如何将jQuery添加到您的页面在html头部<head> </head>里面添加jQuery js文件

方法1：使用CDN托管的js文件

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

方法2：下载jquery.min.js然后

<script src="/path/in/your/server/jquery.min.js"></script>

如何将数据从json api传递到javascript var

2 个答案: