如何從Web API解析JSON在JavaScript

-3

我試圖解析與樣品URL這蜂鳥API： http://hummingbird.me/api/v1/search/anime?query=naruto 如何從Web API解析JSON在JavaScript

不過，我不知道如何讓每個ID seperately，或每名seperately。例如： -

<!DOCTYPE html> 
    <html> 
    <body> 

    <h2>Create Object from JSON String</h2> 

    <p id="demo"></p> 

    <script> 
    document.getElementById("demo").innerHTML = //make this display name 

    </script> 

    </body> 
    </html>

我希望demo元素顯示列表中第一個的標題。任何人都可以告訴我怎麼可能做到這一點？

來源

2016-09-11 Rusab Abrez Asher

第一元素的標題，你談論分裂'查詢= naruto'成'{「查詢」：「火影忍者」}？'？ – Jaketr00

你在尋找JSON.parse嗎？ – JEY

不，例如，在URL存在JSON： [ { 「ID」：11，「mal_id」：20，「塞」：「火影忍者」，「狀態」：「成品攤晾」，「URL」：「https://hummingbird.me/anime/naruto」，「標題」：「鳴」，「alternate_title」：「」，「EPISODE_COUNT」：220，「episode_length」：23 ，等等，我想在演示中獲得這一個的標題或劇集數 –

如果你使用下面的jQuery是你可以使用的代碼片段。

var results = ""; 
$.get("http://hummingbird.me/api/v1/search/anime?query=naruto",function(data){ 
    results = JSON.parse(data); 
}); 
console.log(results);

來源

2016-09-11 19:03:00

這應該在$（document）.ready ......... {}的東西嗎？我怎樣才能從例如結果中得到某些特定的結果呢？ –

您必須瞭解JavaScript中的JSON基礎知識才能完成此操作。您可以使用Google查找相關文檔。 http://www.json.org/js.html – Jaketr00

這也可以用'jQuery.getJSON（）完成'（http://api.jquery.com/jQuery.getJSON/） – Jaketr00

嗯試試這個撥弄我完全不知道你是怎麼看的文件，但如果你得到一個字符串之前做JSON.parse(STRING)。

https://jsfiddle.net/79a1abbL/3/

來源

2016-09-11 19:11:22 Salvatore

感謝那些幫助我瞭解了一下路徑，採取 –

如果你需要從URL中讀取的JSON嘗試看看這個：HTTP：//stackoverflow.com/questions/12460378/how-to-get-json-from-網址中的JavaScript – Salvatore

下載的JQuery從here並把文件旁邊的HTML。
添加html標籤和body

<head> 
 
    <script type="text/javascript" src="jquery-3.1.0.min.js"></script> 
 
</head>

之間的這種元件

替換document.getElementById("demo").innerHTML =用：

$(document).ready(function(){ 
 
       $.getJSON("http://hummingbird.me/api/v1/search/anime?query=naruto", null, function (data) {document.getElementById("demo").innerHTML = data[0].title}) 
 
      })

JQuery是一個讓生活變得輕鬆的JS庫。下面的函數將1個函數作爲參數，並在頁面加載後執行它

$(document).ready()

下一個函數發出HTTP GET請求，並解析到JS對象

$.getJSON("http://hummingbird.me/api/v1/search/anime?query=naruto", null,...)

下一個函數的響應得到的data

function (data) {document.getElementById("demo").innerHTML = data[0].title}

來源

2016-09-11 19:13:51 AvielNiego

由於負載男人 –

我試過，但這個沒有工作，要麼：/欣賞細節壽 –

如何從Web API解析JSON在JavaScript

回答

相關問題