javascriptを使用してXMLファイルを検索する

Question

ユーザーが入力ボックスにURLを入力して[submit]をクリックすると、スクリプトによってWebCiteページが返されるようにしようとしています。 （WebCiteはURLキャッシングサービスです。例えば、私がwww.google.comを "アーカイブ"する場合、アーカイブページはwww.webcitation.org/65YgIgei6です）.WebCiteには、キャッシュするURLを指定すると、電子メール、パラメータ&returnxml=trueを入力すると、xmlファイルが返されます。 （例えば、http://www.webcitation.org/archive?url=http://www.google.com&email=testtt@test.com&returnxml=trueは<webcite_url>タグの間のテキストはアーカイブのページでxmlファイルにつながる。）

は、だから私は「</webcite_url>を「<webcite_url>」用のXMLファイルを検索しますいくつかのJavscript（またはjqueryの）を希望しますそれらのタグの中にurlを返します。 http://jsfiddle.net/gxHWk/が基本的な考えです。

btw、私はstackoverflow.com/questions/6648454/search-and-output-data-from-an-xml-file-using-javascriptを読んでいますが、私はそこにコードを適合させる方法を理解できません私の状況。

（* "のhttp：//" 削除理由は、スパムフィルタのいくつかのリンクから）

ありがとう！

Answer 1

これがjQueryの機能です。 jsFiddle

$(XMLstring).find('webcite_url').text(); 

Answer 2

jQueryのない溶液：iframeの

と

1. 負荷XMLはDOM

 
var iframe = document.createElement("iframe"); 
iframe.src = "http://www.webcitation.org/archive?url=http://www.google.com&email=testtt@test.com&returnxml=true"; 
document.body.appendChild(iframe); 
iframe.onload = function() { 
    var url = this.contentDocument.getElementsByTagName("webcite_url")[0].firstChild.nodeValue; 

    // do whatever you want with the url over here 
} 

を通過しかし、注意してください。これは単に一般的なポインタです。ここにはブラウザの非互換性があります。

Answer 3

jQueryは、xmlファイルを解析するために構築されています。あなたの問題は、別のドメインからデータを解析する方法です。 JSONPがあなたの答えです。 リクエストの末尾に?callback=?"を追加し、dataオプションにjsonpと入力します。

$.ajax({ 
    url: "http://www.webcitation.org/archive?url=http://www.google.com&email=testtt@test.com&returnxml=true?callback=?", 
    dataType:'jsonp', 
    success: function (XMLstring) { 
    $(XMLstring).find('webcite_url').text(); 
    } 
});