jQuery로 선택된 XML 파일을 변경하십시오.

Question

다음 코드를 사용하여 XML 파일을 선택하고 구문 분석합니다. 훌륭하게 작동하지만 3 개의 다른 XML 파일이 있기 때문에 3 개의 다른 페이지도 있습니다. 완전히 새로운 페이지를로드하는 대신 URL을 XML 파일로 바꿀 수 있다면 애플리케이션을 훨씬 빠르게 작성할 수 있습니다.

$(document).ready(function(){ 
       $.ajax({ 
        type: "GET", 
        url: "rss/page1", 
        dataType: "xml", 
        success: function(xml) { 

그래서, 내가되고 궁금하네요 무엇을 : 그것은 간단한 jQuery를 이벤트와 url:에서 URL을 변경할 수 있습니까? url: "rss/what_ever_it_is_now"

url: "rss/index"에 정말 감사합니다,

<a id="index" href="#">Index</a> 
<a id="page1" href="#">Page 1</a> 
<a id="page2" href="#">Page 2</a> 

id="index"으로 <a> 태그를 클릭하면

변경 : 의사 코드에서 는이 같은 것!

Answer 1

해당 요소에 click 이벤트를 걸어 해당 함수를 적절한 파일 이름으로 호출하면됩니까? 이 같은

http://jsfiddle.net/saluce/6rBjX/

뭔가 : 이런 식으로 일을함으로써

<a href="#" class="parseButton" data-filename="rss/index">Index</a> 
<a href="#" class="parseButton" data-filename="rss/page1">Page 1</a> 
<a href="#" class="parseButton" data-filename="rss/page2">Page 2</a> 

​function parseFile(fileName) { 

} 

$(document).ready(function() { 
    $(".parseButton").click(function(s,e) { 
     $.ajax({ 
      type: "GET", 
      url: $(this).attr("data-filename"), 
      dataType: "xml", 
      success: function(xml) { 
      ... 
     }); 
     e.preventDefault(); 
    } 
    }​ 

, 당신은 실제로도 단순히 값을 변경하여 (만약 당신이 필요합니다) 추가 XML 파일을 구문 분석하는 데 더 많은 링크를 추가 할 수 있습니다 data-filename 속성에 있습니다. 줄 e.preventDefault()은 a 태그를 사용하면 페이지가 다시로드되지 않도록합니다. 실제로 페이지를 다시로드하려는 경우 제거하십시오.

Answer 2

숨바꼭질,

시도의이 같은 :

$(document).ready(function(){ 
    $('.lnk').click(function(){ 
     var pag = 'rss/'+ $(this).attr('id'); 
        $.ajax({ 
         type: "GET", 
         url: pag, 
         dataType: "xml", 
         success: function(xml) { 
     //.... 
    }); 
}); 

그리고 링크 :

<a class="lnk" id="index" href="#">Index</a> 
<a class="lnk" id="page1" href="#">Page 1</a> 
<a class="lnk" id="page2" href="#">Page 2</a>