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

WBOY
Freigeben: 2016-10-23 00:12:54
Original
1365 Leute haben es durchsucht

就是说,当我点击提交表单的按钮时,用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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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

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

<code>header('content-type:application/json; charset=utf-8');
exit(json_encode($yourdata));</code>
Nach dem Login kopieren
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!