GET HTML応答を文書に変換する

Question

私は別のページのソースを読み込むページを開発しており、そのページから特定の情報を抽出する必要があります。私は現在、ライブソースにデータを突きつけるプロジェクトを持っていますが、私の人生ではこの文字列を文書に変換する方法を理解できません。

文書を使用するための私の理論的根拠は、これらの項目の価値を得るためにgetElementByIdなどを使用する必要があるということです。

私は何を試しましたか？

1. マイページの不可視divにHTMLを割り当てる。この種の作品は、HTML文字列全体をレンダリングせず、このページの「短い」レンディションを提供します。

2. 手動で部分文字列を検索する。あなたが想像することができるように、これはやっかいなやり方であり、非常に信頼できない結果をもたらします。

3. docを変換して照会するDOMパーサーですが、それは悲惨に失敗します。

ご協力いただきまして誠にありがとうございます。

関連コード：

$.ajax({ 
    method: "GET", 
    dataType: '', 
    crossDomain: true, 
    xhrFields: { 
    withCredentials: true 
    }, 
    success: function(res) { 
    //shows the entire source just fine. 
    console.log("Value of RES: " + res); 
    bootbox.hideAll(); 
    //shows a "truncated" copy of the source 
    alert(res); 
    $("#hiddendiv").html(x); 
    var name = document.findElementById("myitem"); 
    alert(name); 
    }, 

Answer 1

ドキュメントの隠しIFRAMEを作成します。そのIFRAMEの内容を照会するHTMLに設定します。あなたがあなたの質問をするときにあなたのJavaScriptでIFRAMEをターゲットにしてください。方法については、How can I access iframe elements with Javascript?を参照してください。

Answer 2

もう1つ（おそらく良い）オプションは、jQueryを使用することです。 jQueryを使用すると、HTMLを作成し、操作し、メモリ内でそれに対してクエリを実行できます。 jQueryのDOM要素のクエリは、純粋なjavascriptよりも簡単です。参照：http://jquery.com/。

//Get a jQuery object representing your HTML 
var $html = $("<div><span id='label'></span></div>"); 

//Query against it 
var $label = $html.find("#label"); //finds the span with and id of 'label'