试图获取Ajax请求的文件路径或url值

Question

我正在研究ajax并使用.load（）函数在点击时加载文件/页面。 它的工作完美。我也想显示文件/页面位置。 这是我的HTML：

<ul class="nav nav-tabs nav-stacked">
    <li role="presentation" ><a id="link" >
         <span class="glyphicon glyphicon-     phone"></span> Responsive Pages</a>   
    </li>
</ul>
<div id="loadfilename"></div>
<div id="loadpage"></div>

我正在使用以下javascript

$("#link").click(function(){
    $("#loadpage").load("responsivepages.html");
    $("#loadfilename").html(this.location.href);
});

它没有显示任何东西。  但如果我使用     $（ “＃loadfilename”）HTML（window.location.href）;

它显示我当前的网址，这是我的主页。但我想获得点击文件/页面的位置。

这是jsfiddle链接https://jsfiddle.net/a52f50sy/

Answer 1

使用Ajax加载的资源的URL不会存储在任何位置，除非您将其存储在某处。通过Ajax加载资源也不会改变当前页面的URL。

所以将URL存储在某处：

var url = "responsivepages.html";
$("#loadpage").load(url);
$("#loadfilename").html(url);