使用 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？ 在伪代码中会是这样的：

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

如果单击带有id="index" 的<a> 标签，请将url: "rss/what_ever_it_is_now" 更改为url: "rss/index"

非常感谢！

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

通过这种方式，您实际上甚至可以通过更改data-filename 属性中的值来添加更多链接来解析额外的XML 文件（如果您需要的话）。如果您使用a 标记，则e.preventDefault() 行用于防止页面重新加载。如果您确实想要重新加载页面，只需将其删除即可。

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>