자바 스크립트를 사용하여 XML 파일 검색

Question

사용자가 입력란에 URL을 입력하고 제출을 클릭하면 스크립트가 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를하지 않고 솔루션 : 이건 그냥 일반 포인터 :

는 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 
} 

통과하지만 인식은 iframe와

1. 부하 XML. 여기에 브라우저 비 호환성이있을 수 있습니다.

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(); 
    } 
});