2016-10-20 8 views
1

imはjsonオブジェクトをテキストに解析するのに問題があります。誰でも助けてくれますか?apiのURLからjsonデータを出力する

これは私のコードです:

<script> 
    $.ajax({ 
    url: 'https://randomuser.me/api/', 
    dataType: 'json', 
    success: function(data) { 
    var jsonString = data; 
    var myJsonObject = JSON.parse(jsonString); 
    alert(myJsonObject); 
    } 
}); 
</script> 

これは私の応答です:

{ 
"results": [ 
    { 
    "gender": "male", 
    "name": { 
     "title": "mr", 
     "first": "noah", 
    "last": "chan" 
    }, 
    "location": { 
    "street": "5316 brock rd", 
    "city": "lafontaine", 
    "state": "new brunswick", 
    "postcode": 88811 
    }, 
    "email": "[email protected]", 
    "login": { 
    "username": "silverlion343", 
    "password": "pacific", 
    "salt": "YQfKuRwc", 
    "md5": "72faf6fd29f245b028655fc423919b5b", 
    "sha1": "5f9c0106ac18b7ea4a15ad53667dc49fc644aa1c", 
    "sha256": "42465b6f63942f01c96149dd7e725f5b0e5b6836e0ce0a66b62559ff8a8e706a" 
    }, 
    "dob": "1962-05-21 10:51:27", 
    "registered": "2004-12-24 02:34:01", 
    "phone": "655-165-7871", 
    "cell": "548-005-8204", 
    "id": { 
    "name": "", 
    "value": null 
    }, 
    "picture": { 
    "large": "https://randomuser.me/api/portraits/men/27.jpg", 
    "medium": "https://randomuser.me/api/portraits/med/men/27.jpg", 
    "thumbnail": "https://randomuser.me/api/portraits/thumb/men/27.jpg" 
    }, 
    "nat": "CA" 
} 
], 
"info": { 
"seed": "bc96983e110ad6ea", 
"results": 1, 
"page": 1, 
"version": "1.1" 
} 
} 

そして、これは私のコンソールログです:

SyntaxError: JSON.parse: unexpected character at line 1 column 2 of the JSON data

var myJsonObject = JSON.parse(jsonString);

は何かを明らかに不足しているイムのように思えます。.. .. ありがとうございます

+0

あなたは(JSON.parse(jsonString))CONSOLE.LOGことができます。 – Beginner

+0

$ .parseJSON(jsonString)を使用できます。 –

答えて

2

dataTypeを入力した時点で、応答はすでにデシリアライズされています。 JSON.parse()行を削除し、dataをオブジェクトとして直接使用すると、コードが機能するはずです。

ではなく、console.log()またはconsole.dir()をデバッグに使用する必要があります。

$.ajax({ 
 
    url: 'https://randomuser.me/api/', 
 
    dataType: 'json', 
 
    success: function(data) { 
 
    console.log(data); 
 
    } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

+0

ありがとうございました!私のデータはすでに解析されていました!私のjsonのデータをナビゲートする場合はもう1つの質問です。私は "データ"を介してアクセスする必要がありますか? \t data.results.name.title + "
" + \t data.results.gender もう一度ありがとうございます。 – Jnewbie

+1

喜んで助けてください。 'data.results'は配列なので、最初の項目からデータを取得するには' data.results [0] .name.title'となります。それ以上のアイテムを取得したい場合はループが必要です –

関連する問題