JsonResult 控制器参数始终为空

Question

我在另一个运行良好的视图和控制器上使用了极其相似的代码，但由于某种原因，我无法让这个运行。无论我做什么，控制器参数都显示未定义，即使名称和传入的 javascript 工作正常。任何帮助，将不胜感激！

View:

@using (Html.BeginForm())
{
 <fieldset>
 <legend>User</legend>
       Username:
            @Html.TextBox("txtUsername")
       <br/>
       Password:
            @Html.TextBox("txtPassword")
       <br />
       <p>
            <input type="submit" id="btnLogin" value="Login" />
       </p>
 </fieldset>
 }       

 <script>

 $(function() {
      $("#btnLogin").click(login);
 });

     function login() {
         var name = $('#txtUsername').val();
         var pass = $('#txtPassword').val();

     $.post("/User/Login/" + name + "/" + pass, null, loginSuccess, "json");
}

function loginSuccess(result) {
    alert(result);
}

</script>


Controller:

public ActionResult Login()
{
    return View("Login");
}

[HttpPost]
public JsonResult Login(string name, string pass)
{
    string result = "test result";

    return Json(result);
}

Answer 1

你只需要：

View:

@using (Html.BeginForm())
{
 <fieldset>
 <legend>User</legend>
   Username:
        @Html.TextBox("txtUsername")
   <br/>
   Password:
        @Html.TextBox("txtPassword")
   <br />
   <p>
        <input type="button" id="btnLogin" value="Login" />
   </p>
 </fieldset>
 }      

然后是控制器：

Controller:

public ActionResult Login()
{
    return View("Login");
}

[HttpPost]
public JsonResult Login(string name, string pass)
{
    string result = "test result";

    return Json(result);
}

ajax部分：

<script type="text/javascript">
$( "#btnLogin" ).click(function() {


$.ajax({
                url: "@Url.Action("YourControllerActionName", "YourControllerName")",
                type: 'POST',
                data: {
                    name: $('#txtUsername').val(),
                    pass: $('#txtPassword').val()
                },
                success: function(result) {
                      alert(result); 
                }
            });
});
<script>

Answer 2

您将参数作为 URL 的一部分发送（因此，有效地使其 GET 与 jquery $.post() 无关）并且您的控制器严格期望 HttpPost（意思是，http 请求正文中的参数，而不是查询字符串中的参数） .

撇开在 url 中包含用户名/密码是非常糟糕的做法这一事实不谈。

尝试发送数据为：

$.post('url/of/the/controller', {name: $('#txtUsername').val(), pass: $('#txtPassword').val()});

Answer 3

我不喜欢字符串连接和硬编码字符串。

首先，让我们使用 HTML 帮助器来解析操作的 URL。

@Url.Action("Login", "User")

其次，让我们将数据作为 javascript 对象传递。

$.post("@Url.Action("Login", "User")",
    {
        name: name,
        pass: pass
    }, loginSuccess, "application/json");

Answer 4

您也许可以按照自己的方式进行操作，但我也需要查看您的路线。不过，有一个更好的方法可以进行此调用。

var data = {
    "name": $('#txtUsername').val(),
    "pass": $('#txtPassword').val()
};

$.post('@Url.Action("Login", "Home")', data, function(response) {
   //Do something with the response if you like
});

Answer 5

您错误地调用了您的控制器操作方法。尝试在 $.post 调用中将 name 和 pass 作为数据传递，而不是附加到 url。

让您的控制器操作方法采用LogIn 类型的模型也可能更简洁。 LogIn 可以有两个属性（Name 和 Pass）。这样当您在$.post 中发送数据时 你可以像{ name: 'someName', pass: 'somePass' }一样发送它。

Answer 6

您可以将其发布为 ::

    $.ajax({
           type:'POST',
           url:"User/Login",
           data:{UserName:$("#UserName").val(),Password:$("#Password").val()},
           success:function(data){
               alert(data);
           }
    })

在服务器端，您将获得如下信息：：

[HttpPost]
public JsonResult Login(string Username, string Password)
{
    string result = "test result";

    return Json(result);
}