如何将参数从列表传递到javascript
How to pass parameters from list to javascript
我是MVC的新手,如果这可能是无知的话,我很抱歉。在我的MVC应用程序中,我试图跟踪页面被点击或访问的每一次时间。我的策略是,每当点击特定页面的主视图时,都会将其记录到数据库中,方法是将参数传递给javascript函数,该函数反过来调用与cs文件通信的web方法。
我目前的主要问题是,我无法将数据从主页上的点击传递给javascript函数,因为一些非常奇怪的原因,它拒绝与该函数通信。我尝试使用两种方法,onClick和databind(这两种策略都在下面的代码中表示),但都不起作用。有什么建议吗?
<tr class="row">
<td>
<div class="tabbable">
<ul class="nav nav-tabs nav-stacked" id="menuTabs">
<li class="active"><a href="#land" data-toggle="tab" onclick="PostName('Home')">Home</a></li>
<li class=""><a href="#tutuwaroadshow" data-toggle="tab" data-bind="click: function (o, e){$root.PostName(o,e);}" >Tutuwa roadshows</a></li>
<li class=""><a href="#faqsandpresentations" data-toggle="tab" onclick="PostName('Faqs')">FAQ's and presentations</a></li>
<li class=""><a href="#examplescenarios" data-toggle="tab" onclick="PostName('ExampleScenarios')">Example scenarios</a></li>
<li class=""><a href="#financialadvisors" data-toggle="tab" onclick="PostName('FinancialAdvisors')">Financial advisors</a></li>
<!--<li class=""><a href="#privateclients" data-toggle="tab">Private Clients</a></li>-->
<li class=""><a href="#trustdeeds" data-toggle="tab" onclick="PostName('TrustDeeds')">Trust deeds</a></li>
<li class=""><a href="#newsflashes" data-toggle="tab" onclick="PostName('Newsflashes')">Newsflashes</a></li>
<li class=""><a href="#usefullinksandcontacts" data-toggle="tab" onclick="PostName('Useful')">Useful links and contacts</a></li>
<li class=""><a href="#webinar" data-toggle="tab" onclick="PostName('Webinar')">Webinar</a></li>
</ul>
</div>
<div class="newsflash"><a href="~/Content/files/Tutuwa%20Newsflash%204.pdf" target="_blank">Click here for the latest newsflash.</a></div>
</td>
<td rowspan="2">
<div class="tab-content">
<div class="tab-pane active" id="land">@Html.Partial("Land")</div>
<div class="tab-pane" id="tutuwaroadshow">@Html.Partial("TutuwaRoadshow")</div>
<div class="tab-pane" id="faqsandpresentations">@Html.Partial("FaqsAndPresentations")</div>
<div class="tab-pane" id="examplescenarios">@Html.Partial("ExampleScenarios")</div>
<div class="tab-pane" id="financialadvisors">@Html.Partial("FinancialAdvisors") </div>
<div class="tab-pane" id="privateclients">@Html.Partial("PrivateClients")</div>
<div class="tab-pane" id="trustdeeds">@Html.Partial("TrustDeeds")</div>
<div class="tab-pane" id="newsflashes">@Html.Partial("NewsFlashes")</div>
<div class="tab-pane" id="usefullinksandcontacts">@Html.Partial("UsefulLinksAndContacts")</div>
<div class="tab-pane" id="webinar">@Html.Partial("Webinar")</div>
</div>
</td>
和javascript:
<script type="text/javascript">
function PostName(pageName) {
debugger;
$.ajax({
type: "POST",
url: 'HomeController/SaveVisitorHits',
data: { s: pageName },
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
//do nothing
},
error: function (e) {
// do nothing
}
});
}
</script>
在html中使用函数之前,需要定义函数,并且需要编写onclick="javascript:PostName('name')"
。
然而,更好的方法是在数据属性中设置名称,并使用jQuery附加单击处理程序,因为AJAX调用已经使用了jQuery。
相关文章:
- IE8/Javascript冲突?IE8正在开发中冻结整个站点-包括Javascript列表
- Javascript列表/牛排
- JavaScript:列表项中的导航栏下拉菜单
- Javascript 列表说明
- 带有计算器的Javascript列表不起作用
- 如何获取我的页面上使用的外部 JavaScript 列表
- 如何在Javascript列表中设置对象创建的限制
- Google 放置 HTML/Javascript 列表
- JavaScript列表键和鼠标事件挂钩
- 地图的Javascript列表's键
- javascript列表操作库/框架
- 正在尝试使用Javascript列表并查找文件
- 如何提取带有数组属性的javascript列表
- 如何获得月javascript列表
- Eloquent Javascript列表返回undefined,Why
- 选择JavaScript列表更新
- 为什么JavaScript列表中的多个小数会在元素list'后抛出'错误
- JavaScript列表操作是同步的吗?
- 谷歌驱动器api, javascript列表文件返回什么
- Javascript列表对象可以'不添加JSON?node . js,重火力点