자바 스크립트로 .xml 웹 사이트에서 전화 번호 받기

Question

특정 화폐의 환율을 this website에서 얻으려는 중이며 매일 업데이트되므로 통화 커버 러에이 번호를 사용하려고합니다. 다음은 계산기 jsfiddle net/ems3bh7t /입니다.

저는 환율이 위의 환율 계산기 웹 사이트 linked처럼 선택기 옵션에 통화가 있으며 그 값은 "EUR, USD, etc."입니다.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name=currencyOutput id=currencyOutput> 
 
\t <option id=currency1 label="EUR (Euro)" value="EUR">EUR</option> 
 
\t <option id=currency2 label="USD (US-Dollar)" value="USD">USD</option> 
 
\t <option id=currency3 label="GBP (British Pound)" value="GBP">GBP</option> 
 
\t <option id=currency4 label="YEN (Japanischer Yen)" value="YEN">YEN</option> 
 
</select>

은 어떻게 든 웹 사이트에서 선택된 옵션의 값을 찾고 다음 계산에 사용할 수있는 변수에 그 후 오는 숫자를 넣어 것이 작업을 수행하는 가장 좋은 방법을 생각한다.

<Cube currency="USD" rate="1.0927"/>" 
 
<Cube currency="JPY" rate="114.39"/> 
 
<Cube currency="BGN" rate="1.9558"/> 
 
<Cube currency="CZK" rate="27.022"/> 
 
<Cube currency="DKK" rate="7.4376"/>

나는 튜토리얼에 어떤 도움이나 링크를 감사하겠습니다. 나는 강렬한 google와 스택 검색의 30 분을 해 봤고 설명 된 것도 찾지 못했고 심지어 내 것과 같은 주제였다.

감사합니다. 더 많은 정보 또는 전체 html/js 프로그램이 필요하면 즉시 추가 할 수 있습니다.

Answer 1

를 사용하여 AJAX 또는 서버가 데이터를 가져 오기 위해 다음 단순히 문서 마크 업으로되어 치료 :

//Same origin problem 
 
$.ajax({ 
 
    url: 'http://www.ecb.europa.eu/stats/eurofxref/eurofxref-daily.xml', 
 
    complete: function(res) { 
 
    console.log("Response from AJAX attempt:", res.statusText); 
 
    }, 
 
    dataType: 'text' 
 
}); 
 

 
//Fiction response 
 
var res = "<gesmes:Envelope xmlns:gesmes=\"http://www.gesmes.org/xml/2002-08-01\" xmlns=\"http://www.ecb.int/vocabulary/2002-08-01/eurofxref\">\n<gesmes:subject>Reference rates</gesmes:subject>\n<gesmes:Sender>\n<gesmes:name>European Central Bank</gesmes:name>\n</gesmes:Sender>\n<Cube>\n<Cube time='2016-10-27'>\n<Cube currency='USD' rate='1.0927'/>\n<Cube currency='JPY' rate='114.39'/>\n<Cube currency='BGN' rate='1.9558'/>\n<Cube currency='CZK' rate='27.022'/>\n<Cube currency='DKK' rate='7.4376'/>\n<Cube currency='GBP' rate='0.89158'/>\n<Cube currency='HUF' rate='309.23'/>\n<Cube currency='PLN' rate='4.3292'/>\n<Cube currency='RON' rate='4.5038'/>\n<Cube currency='SEK' rate='9.8150'/>\n<Cube currency='CHF' rate='1.0838'/>\n<Cube currency='NOK' rate='8.9858'/>\n<Cube currency='HRK' rate='7.5010'/>\n<Cube currency='RUB' rate='68.6064'/>\n<Cube currency='TRY' rate='3.3845'/>\n<Cube currency='AUD' rate='1.4339'/>\n<Cube currency='BRL' rate='3.4261'/>\n<Cube currency='CAD' rate='1.4605'/>\n<Cube currency='CNY' rate='7.4082'/>\n<Cube currency='HKD' rate='8.4741'/>\n<Cube currency='IDR' rate='14240.57'/>\n<Cube currency='ILS' rate='4.1989'/>\n<Cube currency='INR' rate='73.0135'/>\n<Cube currency='KRW' rate='1249.16'/>\n<Cube currency='MXN' rate='20.4611'/>\n<Cube currency='MYR' rate='4.5846'/>\n<Cube currency='NZD' rate='1.5296'/>\n<Cube currency='PHP' rate='52.985'/>\n<Cube currency='SGD' rate='1.5211'/>\n<Cube currency='THB' rate='38.343'/>\n<Cube currency='ZAR' rate='15.1421'/>\n</Cube>\n</Cube>\n</gesmes:Envelope>"; 
 
//Fiction response 
 

 
var returnString = '<select name="currencyOutput" id="currencyOutput">' + "\n"; 
 

 
jQuery(res).find("Cube").each(function(i, el) { 
 
    var curr = jQuery(el).attr("currency"); 
 

 
    if (curr != void 0) { 
 
    returnString += '<option id="currency' + i + '" value="' + curr + '">' + curr + '</option>' + "\n"; 
 
    } 
 

 
}) 
 

 
returnString += '</select>'; 
 
jQuery("#output").html(returnString); 
 
console.log(returnString)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="output"></div>