リターンJSONリターン黒のページでアヤックス

Aytac:

**こんにちは私は1つのview.Loginコントローラでログインして登録ページビューを持っていない持っています。私は、ユーザーが間違ったメールアドレスとパスワードを入力すると、エラーメッセージを表示したいです。それは、URLのアカウント/ログインして{「失敗」}で空白のページを返します

$(document).ready(function () {
$("#alertmessage").hide()
$("#logbut").on("click",function () {
    //collect the user data
    var data = {};
    data.Email = $("#Email").val();
    data.Password = $("#Password").val();
    var token = $('input[name="__RequestVerificationToken"]').val();

    $.ajax({
        contentType: "application/json; charset=utf-8",
        url: "/Account/Login",
        type: "POST",
        dataType: "json",
        data: {
            model: data,
            __RequestVerificationToken: token,

        },
        success: function () {

                $("#alertmessage").show()


        },

        })
    })
})

 <div class="login-container">
 <div class="row">
<div class=" col-md-12 col-sm-12 col-12  login-form-1">
<h2>Login </h2>
<p>Log into your account</p>
@using (Html.BeginForm("Login", "Account", FormMethod.Post))
{
<div id="alertmessage">
<div class=" alert alert-danger">
<span>
Email or Password is incorrect
</span>
</div>
</div>

@Html.AntiForgeryToken()

<div class="form-group col-md-12 col-sm-12 col-12">
<input id="Email" type="text" class="form-control" placeholder="Your Email *" value="" name="Emaillog" />
</div>
<div class="form-group col-md-12 col-sm-12 col-12 ">
<input id="Password" type="password" class="form-control" placeholder="Your Password *" value="" name="Passwordlog" />
</div>
<div class="form-group col-md-12 col-sm-12 col-12">
<input type="submit" class="btnSubmit" value="Login now" id="logbut" />
</div>
<div class="form-group col-md-6 col-sm-6 col-6">
<a href="#" class="ForgetPwd">Forget Password?</a>
</div>
}
</div>
</div>
</div>

[HttpGet]
    public ActionResult Login()
    {
        return View();
    }
    [HttpPost]
    [ValidateAntiForgeryToken]
    public ActionResult Login(string Emaillog,string Passwordlog)
    {

        string result = "Fail";

        User appUser = _context.Users.FirstOrDefault(u => u.Email == Emaillog);

        if (appUser != null)
        {
            if (appUser.Password ==Passwordlog)
            {
                Session["ActiveUser"] = appUser;
                return RedirectToAction("MainAccount");
            }
            }
        return Json(result, JsonRequestBehavior.AllowGet);    }

私がするJsonResultアクションへの変更を試みたが、まだ同じ。私はゴーン間違っを知りません。**

Jerdineワイズ:

あなたの送信ボタンがフォームを送信し、リダイレクトを行っているので、あなたのAJAX呼び出しが呼び出されていません。

追加event.preventDefault()それは通常の同期POSTを行うことはありませんように、ボタンのクリックイベントを。

// add e parameter, this is for the event
$("#logbut").on("click",function (e) {
    // this is to avoid the form being submitted, and proceed with your script call
    e.preventDefault();

    // ...
})

おすすめ

転載: http://10.200.1.11:23101/article/api/json?id=399090&siteId=1