Javascript 在HTML中显示超链接事件上的文本文件_Javascript_Html

Javascript 在HTML中显示超链接事件上的文本文件

javascript html

Javascript 在HTML中显示超链接事件上的文本文件,javascript,html,Javascript,Html,我在HTML页面中有以下数量的链接： <a ...> <a ...> ..... <a ...> 您可以使用从服务器获取文本文件数据，然后将其放入文本字段演示： $（“a”）。单击（函数（e）{//全选，尤其是：）注意：您只能在中获取文本文件。注2：上面的代码是使用jQuery编写的。如果你不想使用jQuery，你必须这样做。这对我来说似乎很简单。你尝试了什么？我编辑了我的文章。单击时文件的文本没有加载到文本区域。@naveenyadav-你在使用jQ

我在HTML页面中有以下数量的

链接：

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

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

演示：

$（“a”）。单击（函数（e）{//全选，尤其是：）
注意：您只能在中获取文本文件。

注2：上面的代码是使用jQuery编写的。如果你不想使用jQuery，你必须这样做。这对我来说似乎很简单。你尝试了什么？我编辑了我的文章。单击时文件的文本没有加载到文本区域。@naveenyadav-你在使用jQuery吗？你包含了吗？是的，我包含了that@naveenyadav-我明白了，那辆车问题是您复制了我在JSFIDLE中的代码。实际上，我对其进行了修改，使其在JSFIDLE中工作。相反，您应该使用我在此处发布的代码。如果仍然不工作，请告诉我。您能否在回答中发布完整的代码。我尝试了上述代码，但没有成功
<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>

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