从引导模式页面成功登录到具有登录用户信息的其他视图或页面后,如何重定向

时间:2017-02-06 13:04:48

标签: javascript jquery ajax twitter-bootstrap

这是演示应用程序的UI。

我正在向控制器发送ajax请求,该控制器正在验证来自getloginuser方法的用户ID和密码,响应即将到来。我只想在成功登录其他页面后重定向它。我可以在回调(jquery)中做任何事情。我在网上搜索了很多东西但是没有得到合适的答案。

登录图片

enter image description here

这是jquery代码 //方法

function Login()
{

    var res = LoginValidation()
    if (res == false)
    { return false; }
       var logininfo = {
        Username: $('#Username1').val(),
        PasswordHash: $('#PasswordHash1').val(),
     };
    $.ajax({
        url: "/Home/Login",
        data: JSON.stringify(logininfo),
        type: "Post",
        contentType: "application/json;charset=utf-8",
        dataType: "json",
        success: function (result) {
            //loadData();
            $('#myModal1').modal('hide');
             alert('Login Successful');

        },

        error: function (result)
        {

            $('#myModal1').modal('hide');
            alert("Invalid Credentials");

        }
    });

enter image description here

这是登录控制器方法:

    public JsonResult Login(User info)
    {
        return Json(obj.GetLoginUser(info), JsonRequestBehavior.AllowGet);
    }

2 个答案:

答案 0 :(得分:1)

你可以在你的ajax函数中这样做:



var res = LoginValidation()
if (res == false)
{ return false; }
   var logininfo = {
    Username: $('#Username1').val(),
    PasswordHash: $('#PasswordHash1').val(),
 };
$.ajax({
    url: "/Home/Login",
    data: JSON.stringify(logininfo),
    type: "Post",
    contentType: "application/json;charset=utf-8",
    dataType: "json",
    success: function (result) {
        //loadData();
        if(result != null || result != "")
          {
              window.location.href= "Your redirect url";
            
          }
          else
            {
              alert("login error");
              return false;
            }

    },

    error: function (result)
    {

        $('#myModal1').modal('hide');
        alert("Invalid Credentials");

    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

您可以使用window.location重定向到您的应用的任何位置。只需在Ajax调用的成功部分实现它。

function Login()
{

    var res = LoginValidation()
    if (res == false)
    { return false; }
       var logininfo = {
        Username: $('#Username1').val(),
        PasswordHash: $('#PasswordHash1').val(),
     };
    $.ajax({
        url: "/Home/Login",
        data: JSON.stringify(logininfo),
        type: "Post",
        contentType: "application/json;charset=utf-8",
        dataType: "json",
        success: function (result) {
            //loadData();
            $('#myModal1').modal('hide');
            RedirectToPage();

        },

        error: function (result)
        {

            $('#myModal1').modal('hide');
            alert("Invalid Credentials");

        }
    });

   function RedirectToPage()
  {
      window.location='Your Link Goes here';
  }