如何在ApiController中使用POST

本文关键字：POST ApiController | 更新日期: 2023-09-27 18:27:21

我已经搜索了至少一个半小时，我还没有接近学习如何在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版本。

如何在ApiController中使用POST

也许是这样的：

[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>
相关文章：