Asp.net mvc 4 使用jQuery asp.net mvc使用dropdownlist在两个视图之间导航

window.location.href无法导航到我选择的视图

这是我的js：

<script type="text/javascript">

$(document).ready(function () {
    $('#submitButton').click(function () {

        var temp = $("#dropDownList option:selected").val();

        if (temp == "person")
            window.location.href = "http://localhost:1284/Home/Person";
        if (temp == "job")
            window.location.href = "http://localhost:1284/Home/Job";
    });

});
</script>

@Html.BeginForm()

    <select id="dropDownList">
        <option value="person">Person</option>
        <option value="job">Job</option>
    </select>

    <button id="submitButton">Choose</button>

$（文档）.ready（函数（）{
$（“#提交按钮”）。单击（函数（）{
var temp=$（“#dropDownList选项：选中”）.val（）；
如果（临时工=“人员”）
window.location.href=”http://localhost:1284/Home/Person";
如果（临时工==“工作”）
window.location.href=”http://localhost:1284/Home/Job";
});
});
@Html.BeginForm（）
人
工作
选择

---

我可以使用@html.actionlink吗？？或者任何其他解决方案

您不需要@Html.BeginForm（），这会将当前页面提交给自身…因此，以下内容应该可以使用

 <div>
   <select id="dropDownList">
    <option value="person">Person</option>
    <option value="job">Job</option>
  </select>
 <button id="submitButton">Choose</button>
</div>

<script type="text/javascript">
$(document).ready(function () {
    $('#submitButton').click(function () {

      var temp = $("#dropDownList option:selected").val();
      if (temp == "person") window.location.href = "http://localhost:1284/Home/Person";
      if (temp == "job")  window.location.href = "http://localhost:1284/Home/Job";

     });
    });
 </script>

人
工作
选择
$（文档）.ready（函数（）{
$（“#提交按钮”）。单击（函数（）{
var temp=$（“#dropDownList选项：选中”）.val（）；
如果（临时=“个人”）window.location.href=”http://localhost:1284/Home/Person";
如果（临时=“作业”）window.location.href=”http://localhost:1284/Home/Job";
});
});

控制器负责决定要渲染的视图。您必须为控制器的操作而不是视图本身设置Url重定向

下面是如何使用javascript中的服务器端助手

@url.Action

生成此url

$(function () {
  $('#submitButton').click(function () {

    var temp = $("#dropDownList option:selected").val();

    var urlPerson = '@Url.Action("Person", "Home")'; // Home:Controller, Person:Action
    var urlJob = '@Url.Action("Job", "Home")'; // Home:Controller, Job:Action

    if (temp == "person")
        window.location = urlPerson;
    if (temp == "job")
        window.location = urlJob;
  });
});

“@Html.ActionLink”

将生成整个

var result = '@Html.ActionLink("Link", "Person", "Home")';

<a href="/Home/Person">Link</a>