2016-07-03 5 views
3

は、例えばWebページでは、私はどこかに持っている:<script>内のコンテンツをJavaScriptで解析するには?

<script id="ajaxify-data" type="application/json"> 
{"key1":123,"key2":333} 
</script> 

は、私はそれを解析するためにJavaScriptを使用することはできますか? (具体的には、ajaxify-データ)

jQueryの$("#ajaxify-data")だけでここで働いていません。..

編集:私は実際にクロールしたいウェブサイトが...

上述の単純な例よりも複雑です

https://discuss.leetcode.com/unreadは、ajaxify-dataというタグが含まれていますが、Webソースのように見えますが、実際には実際のajaxタグに格納するのではなく、実際にajaxの結果にレンダリングします。

> document.getElementById('ajaxify-data') 
null 

Webページのスクリーンショット:スクリプトタグの https://discuss.leetcode.com/ screenshot

+1

私のためにうまくいくと思われます - > https://jsfiddle.net/yqLt7rv6/ – adeneo

+0

あなたはサイトのソースをajaxingしていますか?あなたはHTMLコンテンツの文字列を扱っていますか? – KevBot

+0

あなたはスクリプトを入手しようとしましたか? – Alexandr

答えて

5

だけJSON parse innerHTMLプロパティを

これは、私は、コンソールで得るものです。

平野のJavaScript:

var json = JSON.parse(
 
    document.getElementById('ajaxify-data').innerHTML 
 
); 
 

 
console.log(json); 
 
console.log(json.key1);
<script id="ajaxify-data" type="application/json"> 
 
    { "key1": 123, "key2": 333 } 
 
</script>


またはjQueryを使って:

var json = JSON.parse($('#ajaxify-data').html()) 
 

 
console.log(json); 
 
console.log(json.key1);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script id="ajaxify-data" type="application/json"> 
 
    { "key1": 123, "key2": 333 } 
 
</script>
私にとって

+0

ありがとう、非常に完了! の構文解析について具体的に考えていますか? には「ajaxify-data」がありますが、バニラ/ jquery JSはタグを取得できません。 –

+0

スクリーンショットを含める必要があります。具体的に探しています。 – KevBot

+0

がスクリーンショットを追加しました。質問をチェックしてください!ありがとう! –

2
$('#ajaxify-data').html() 
    $('#ajaxify-data').text() 

作品)

+0

ありがとう、非常に完了! の構文解析について具体的に考えていますか? に「ajaxify-data」がありますが、バニラ/ jquery JSはタグを取得できません –

+0

@SeanLao

  • 11. xmlをhtmlのjavascriptで解析する
  • 12. 解析データは、内部<script> ...</script>ウェブサイト
  • 13. JavaScriptの解析は可能ですか?
  • 14. JavaScriptでのバイナリデータの解析
  • 15. javascriptの `find`でxmlの属性を解析するには?
  • 16. JavascriptでFreemarkerテンプレートを解析する
  • 17. javascriptでjsonを解析する
  • 18. javascriptで日付オブジェクトを解析する
  • 19. jsoupでJavaScriptを解析する方法
  • 20. JavascriptでHTMLタグを解析する
  • 21. URLをjavascriptで解析する
  • 22. PythonでJavascriptを解析する
  • 23. javascriptで16進リテラルを解析する
  • 24. JavaScript/Jqueryでコードを解析する
  • 25. javascriptでmuiltipickerを解析する
  • 26. PythonでJavascriptを解析する
  • 27. StormCrawler AJAX /動的コンテンツ解析
  • 28. javascriptでjsonの応答を解析するには?
  • 29. javascriptのフォーマットを炭素で解析するには?
  • 30. EmberJSにXML APIコンテンツを正しく解析する方法は?