1

我制作了一个简单的 PHP MVC 框架,用于我的 Web 应用程序。但是,当尝试 AJAX 请求(使用 jQuery)时,它的行为不符合预期。以下是相关的代码片段:

看法

<input type="text" name="email" id="email">
<input type="password" name="password" id="password">
<a id="btnlogin">Login</a>

Jquery(放置在单独的文件中)

$("#btnlogin").click(function(){
    var email = $("#email").val();
    var password = $("#password").val();

    $.ajax({
        type:"POST",
        url:"user/login",
        data:{email : email, password : password},
        cache:false,
        success:function(){
            alert("suksesssssss");
        }
    });

控制器名称:用户

public function login()
{
    $email = $_POST['email'];
    $password = $_POST['password'];
    $this->model->login($email,$password);
}

模型名称:用户模型

public function login($email,$password)
{
    $sth = $this->db->prepare("select * from tbl_user where email = :email and password = :password");
    $sth->execute(array(
        ':email' => $email,
        ':password' => Hash::create('sha256', $password, PASSWORD_HASH_KEY)
    ));
    $count = $sth->rowCount();

    if($count > 0)
    {
        $data = $sth->fetch();

        Session::init();
        Session::set('id', $data['id']);
        Session::set('fullName', $data['nama_lengkap']);


        $this->updateLastLogin($data['id']);
        $this->updateLoginCount($data['id']);

        header('location:' . URL . 'user/profile');
    }
    else
    {
        header('location:' . URL . 'home/alogin');
    }
}

我的目标是在登录成功时重定向到个人资料页面。但功能:

header('location:' . URL . 'user/profile');

这不运行..

是什么导致了这种行为?如果我使用 jQuery 重定向到另一个页面会更好吗?

4

2 回答 2

10

在执行 AJAX 时,您不能使用后端脚本重定向某人。您需要在 $.ajax() 成功回调中返回要重定向到(或通过您的 js 确定)的 url。

所以:

  header('location:' . URL . 'user/profile');
}
else
{
  header('location:' . URL . 'home/alogin');
}

应该:

  echo json_encode( array( 'redirect' => 'location:' . URL . 'user/profile' ) );
}
else
{
  echo json_encode( array( 'redirect' => 'location:' . URL . 'home/alogin' ) );
}

然后,在成功回调中使用 data 参数:

$.ajax({
  //...
  success: function(data){
    if( data.redirect ){
      window.location = data.redirect;
    }
  }
});
于 2012-08-15T02:53:46.163 回答
0

使用 ajax 时,通常使用回调函数。您没有被重定向的原因很可能是您收到的 ajax 调用的答案永远不会作为重定向处理。

你应该做什么而不是重定向到

header('location:' . URL . 'user/profile');

简单地说,使用 javascript 回调函数返回 url 并重定向:

$.ajax(
{
type:"POST",
url:"user/login",
data:{email : email, password : password},
cache:false,
success:function(data)
{
  window.location = data
}
})

如果仍然失败,请安装 firebug 或 chrome。按 Inspect 元素调出 Web 开发控制台 按 Net 或 network 选项卡。然后按登录按钮,如果您收到成功的 http 请求,请按一下。

于 2012-08-15T02:59:58.220 回答