当我点击页面时如何在ajax函数调用中设置url路径然后该页面名称应该在url网站上声明...
示例:如果我点击特定页面(假设在堆栈溢出中询问页面),那么我的URL看起来像:
stackoverflow.com/questions/ask
这里我称之为ajax函数:
<script type="text/javascript">
function getpage(obj, e) {
$('.page-sidebar-menu').find('a').removeClass('active');
$(e).addClass('active ');
$.ajax({
url:'@Url.Action("getcategory", "AbacusHome")',
type: 'GET',
// dataType: 'json',
data: { catname: obj },
success: function (data) {
$('#success').html(data);
}
});
}
这是我的页面,我在其中调用锚标记中的ajax函数
@{
Layout = null;
}
@helper GetTreeView(Abacus_CMS.Models.AbacusModel siteMenu, int parentID)
{
var url = new System.Web.Mvc.UrlHelper(Context.Request.RequestContext);
foreach (var i in siteMenu.AbacusMenuList.Where(a => a.ParentCatagoryId.Equals(parentID)))
{
<li>
@{ var submenu = siteMenu.AbacusMenuList.Where(a => a.ParentCatagoryId.Equals(i.Id)).Count();}
@if (submenu > 0)
{
<li style="margin-left: -6px;">
<a href="#" class="hh active" onclick="return getpage('@i.Name',this)" id="@i.Name.Replace(' ', '-').ToLower() ">
<i class="fa fa-chevron-right" aria-hidden="true" style="margin-left: 25px; font-size: 10px;">
</i><span class="title" style="margin-left: 0px;">@i.Name</span>
<span class="arrow " style="height: 4px;"></span>
</a>
<ul class="sub-menu">
<li id="li1">@treeview.GetTreeView(siteMenu, i.Id)</li>
@* Recursive Call for Populate Sub items here*@
</ul>
</li>
@*<span class="collapse collapsible"> </span>*@
}
else
{
<img src="\Content\img\icon-round.jpg.jpg" style="margin-left:25px;margin-top:1px;position:relative;width: 5px;height: 5px;">
<a href="#" class="hh active" style="margin-left: 40px; margin-top:-20px;padding-bottom:15px;" onclick="getpage('@i.Name',this)" id="@i.Name.Replace(' ', '-').ToLower() ">
@i.Name
</a>
}
</li>
}
}
答案 0 :(得分:0)
我认为window.document.URL获取您看到的页面的网址