c# - 使用 javascript 在单击菜单项时调用视图

Question

我正在使用这样的菜单项单击事件调用视图

  <div class="menuDiv">
      <ul class="menuUnorderedList">
        <li class="menuListItem"><a id ="menuItem1" href="loadSearchPage()" @*onclick="loadSearchPage()"*@>Search</a></li>
        <li class="menuListItem"><a  id="menuItem2" href="#" onclick="loadTransactionHistoryPage(this.Id)">Transaction History</a></li>
     </ul>
   </div>

   <div class="rightPart">
            @RenderBody()
        </div>

以及像这样的相应jquery函数

 function loadSearchPage() {

            $.post("/SearchDisplay/" + action, function (data) {

                alert('1');
                $("#rightPart").html(data);
                loadPage('menuItem1');
            });

        }

我的目标是，如果我单击菜单项，我需要调用将调用相应视图的 javascript 函数，并且此调用需要是一个完整的回帖（整个页面刷新）............

为此，我做了上面提到的那样。

但我无法点击 javascript 函数（即），当我点击 menuItem1 时，我无法在该 javascript 函数中显示警报 ...

这种方法是正确的方法还是有比使用javascript调用视图更好的方法。

有人可以帮忙吗...

非常感谢....

Answer 1

尝试这样的事情

        <div id="menucontainer">

            <ul id="menu">              
                <li>@Html.ActionLink("Home", "Index", "Home")</li>
                <li>@Html.ActionLink("About", "About", "Home")</li>
            </ul>

        </div>

Answer 2

我建议您使用 li 标签的“onclick”事件而不是 A 标签

喜欢 ：-

<div class="menuDiv">
  <ul class="menuUnorderedList">
    <li class="menuListItem" onclick="loadSearchPage()" ><a id ="menuItem1" href="loadSearchPage()"  >Search</a></li>
    <li class="menuListItem" onclick="loadTransactionHistoryPage(this.Id)><a  id="menuItem2" href="#" ">Transaction History</a></li>
 </ul>

Answer 3

试试这个，

function loadSearchPage() {
        window.location.href = '@Url.Action("SearchDisplay", "Controller")';
    }