如何在ApiController中使用POST

时间:2014-10-22 07:44:38

标签: javascript c# asp.net rest

我现在已经搜索了至少一个半小时,而且我也没有更接近学习如何在我的ApiController中使用POST方法。我需要一种有效的方法来使用post创建一个登录系统,该系统将根据用户名/密码组合搜索我的数据库,并创建一个JSON对象,我可以将其发送回我的网页。使用帖子的任何资源?我试图通过get来实现这一点,但我可以使用除“ID”之外的任何变量

public IHttpActionResult GetLogin(string id)
        {
            //Query Database for Unique username.

            if (id == "mager1794")
            {

                //Create Login class with username, and password details.
                return Ok( new Models.Login() { id = 1, userName = "mager1794", passWord = "*******" });
            }


            return Ok(-1);
        }

这就是我对我的Get方法所拥有的,但我没有运气创建这个版本的POST版本。

1 个答案:

答案 0 :(得分:1)

也许是这样的:

[RoutePrefix("api/account")]
public class AccountController : ApiController
{
    public class LoginInfo
    {
        [Required]
        public string Username { get; set; }

        [Required]
        public string Password { get; set; }
    }

    [Route("login")]
    [HttpPost]
    public IHttpActionResult AuthenticateUser(LoginInfo loginInfo)
    {
        if (!ModelState.IsValid)
        {
            return BadRequest(ModelState);
        }

        if (!Membership.ValidateUser(loginInfo.Username, loginInfo.Password))
        {
            ModelState.AddModelError("", "Incorrect username or password");
            return BadRequest(ModelState);
        }

        FormsAuthentication.SetAuthCookie(loginInfo.Username, true);

        return Ok();
    }
}

客户方:

<form action="#" id="login-form">
    <label for="username">Username:</label>
    <input type="text" name="username" id="username"/>

    <label for="password">Password:</label>
    <input type="password" name="password" id="password"/>
    <div><input type="submit"/></div>
</form>

<script>
   $(document).ready(function () {
       $("#login-form").submit(function (e) {
           e.preventDefault();

           var username = $('#username').val();
           var password = $('#password').val();

           $.ajax({
               type: 'POST',
               url: '/api/account/Login/',
               data: { Username: username, Password: password },
               success: function () {
                   // refresh the page if username and password are correct
                   location.reload();
               }
           });
       });
   });
</script>