Maison >développement back-end >tutoriel php >PHP怎么使用AJAX返回登录成功信息!

PHP怎么使用AJAX返回登录成功信息!

WBOY
WBOYoriginal
2016-10-23 00:12:541408parcourir

就是说,当我点击提交表单的按钮时,用ajax来发送请求,然后后台怎么返回登录成功或者登录失败的信息给前台页面去展示,整个过程是无刷新的!!求各位大神给点思路!!!

回复内容:

就是说,当我点击提交表单的按钮时,用ajax来发送请求,然后后台怎么返回登录成功或者登录失败的信息给前台页面去展示,整个过程是无刷新的!!求各位大神给点思路!!!

以下是完整参考代码,index.php为登录页面,ajax.php为处理ajax无刷新请求页面。

index.php

<code>

    
        <meta charset="utf-8">
        <title>登录</title>
        <script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
    
    
                        帐号:<input type="text" id="account">
        <br><br>
                        密码:<input type="password" id="password">
        <br>
        <input type="button" value="登录" id="btnlogin">
        <script type="text/javascript">
        $(function(){
            $("#btnlogin").click(function(){
                $.ajax({
                    type:"post",
                    url:"ajax.php",
                    data:{account:$("#account").val(),password:$("#password").val()},
                    dataType:"json",
                    success:function(data){
                        if(data.type==1){
                            alert("登录成功");
                        }else{
                            alert("登录失败");
                        }
                    },
                    error:function(){
                        alert("请求异常");
                    }
                });
            });
        });
        </script>
    
</code>

ajax.php

<code><?php header("Content-Type:text/html; charset=utf-8");
$account = $_POST['account'];
$password = $_POST['password'];
$result = array();
if ($account != '' && $password != '') {
    //$row = $db->query("SELECT * FROM account where user = '".$account."' and password = '".$password."'");
    $row = true;//这里去查数据库,假设这里返回true
    if($row){
        $result['type'] = 1;
        $result['msg'] = '登录成功';
    }else{
        $result['type'] = 0;
        $result['msg'] = '用户名或密码不正确';
    }
} else {
    $result['type'] = 0;
    $result['msg'] = '参数传输不正确';
}
echo json_encode($result);
?></code>

直接往response里写就行,ajax接受数据之后在回调函数里修改页面。怎么写要和前端统一格式,一般是往response里写个json数据

一般来说,当你通过ajax提交信息到后台php后,在php判断处理完成后,会返回一个json,然后前端的成功回调函数接受判断就好,现在手机不好给代码

<code>header('content-type:application/json; charset=utf-8');
exit(json_encode($yourdata));</code>
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn