divのコンテンツのHTMLページをスクラップして変数に渡す

Question

"json-data" idでdivの内部にあるJSON文字列のWebページをスクラップする必要があります。 JSON文字列はであり、ではなく、jQueryコード自体と同じページにあるので、最初にページを取得し（.get？を使用）、divを検索して（何かを使用して）JSONに解析します：

私はJSONオブジェクトとしてその divの内容を解析し、私は、コードの後半でそれを使用することができますので、それを変数に渡す必要があります。

私はjQueryのv1.8.3を使用する必要がありますが、私は.get()と​​作業を想定

JSONを取得して変数に入れる方法がわかりません。

Answer 1

ここでは、jQuery 1.8.3を使用している例を示します。かなり簡単です。

#json-data要素にJSON文字列の例を入れてから、要素の内容をjQueryの.html()で読み込み、JSON.parse()という文字列を解析しました。

$.get("ajax/test.html", function(data) { 
 
    var myJson = JSON.parse($(data).find('#json-data').html()); 
 

 
    console.log('glossary.title:', myJson.glossary.title) 
 
});

<!-- HTML for ajax/test.html page --> 
 
<div id="json-data"> 
 
    { "glossary": { "title": "example glossary", "GlossDiv": { "title": "S", "GlossList": { "GlossEntry": { "ID": "SGML", "SortAs": "SGML", "GlossTerm": "Standard Generalized Markup Language", "Acronym": "SGML", "Abbrev": "ISO 8879:1986", "GlossDef": { "para": 
 
    "A meta-markup language, used to create markup languages such as DocBook.", "GlossSeeAlso": ["GML", "XML"] }, "GlossSee": "markup" } } } } } 
 
</div>