0

HTML ページには次の数の<a href />リンクがあります。

<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 に答える