こんにちは助けが必要です。私は新しい学習をしていますので、ちょっとばかげているかもしれませんが、とにかく私はどこでも検索に疲れていて、必要な答えを見つけることができません。json apiからjavascriptにデータを渡す方法
だから、基本的に私は、この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")
}
それでは、私がしようとしていますが、JSONのURLに遠慮くださそのVaRのデータすべてに割り当てることで、その後、すべてのタグにフェッチされ、アラートで表示されます。
希望します。
あなたは、これは多分あなたは
を検索するための間違ったキーワードを使用していたキーワードでGoogleの最初の結果である How to get JSON from URL in Javascript? の可能複製である「JavaScriptのJSONのURLから」 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);
});
のjQueryを使用することができます
追加情報：あなたのページ にjQueryのを追加するためにどのようにHTMLのhead <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>
これは、あなたが必要としない
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);
}
});
私にとっては不幸ではないと思いますが、実際にコンソールには "Uncaught ReferenceError：$が定義されていません"というエラーだけが表示され、関数function get_data_api（） { var jqxhr = $ .getJSON（ "http：// swapi .co/api/people/1 /？format = json "、function（）{ console.log（" success "）; }） .done（function（data）{ console.log（data.name）; }）; } – user6336440
コードに最初にjQueryを含める必要があります – SirNarsh
jQueryを追加する方法を説明する修正された回答 – SirNarsh