0

我<a href />在 HTML 页面中有这些数量的链接：

<a ...>
<a ...>
.....
<a ...>

我想要的是点击每个链接，我必须在同一个 html 页面上显示一个文本文件。文本文件可以显示为textarea或iframe。

我怎样才能做到这一点？

......编辑............正确的代码

<html>
    <head>
        <title>Ajax Test</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function(){
                $("a").click(function(e){
                    e.preventDefault();
                    $.get( $(this).attr("href") ).done(function(e){
                        $("textarea").html(e);
                    });
                });
            });
        </script>
    </head>
    <body>
        <a href="{{STATIC_URL }}foo.txt">foo bar</a><br>
        <textarea></textarea>
    </body>
</html>
4

1 回答 1

2

您可以使用AJAX从服务器获取文本文件数据，然后将其放入文本字​​段中。

演示：http: //jsfiddle.net/DerekL/63BLB/

$("a").click(function(e){              //select all <a>
    e.preventDefault();                //remove default link effect
    $.get( $(this).attr("href") )      /*AJAX (using jQuery)..
                                         ..and insert the URL of text file*/
    .done(function(e){                 //When it is downloaded,
        $("textarea").html(e);         //shows it in <textarea>
    });
});

如果您是 jQuery 新手，您可能想查看他们的文档，尤其是$.ajax. :)

注意：您只能获取相同来源的文本文件。
注意 2：上面的代码是使用 jQuery 编写的。如果你不想使用 jQuery，你将不得不做整个原生 new XMLHttpRequest的事情。

于 2013-11-13T22:00:45.687 回答