jquery AJAx 验证

来源：互联网发布：莫言作品知乎编辑：程序博客网时间：2024/06/09 17:43
a.php

<?php 
header('Content-type: text/html; charset=utf-8');
?>
<style>
div{display:none}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function(){
        $("#abv").click(function(){
            var t=$("#a").val();
            $.getJSON("b.php",{id:t},function(result){
                $("div").hide();
                if(result==1){       
                    $("#div1").show();
                }else if(result==2){           
                    $("#div2").show();
                }else{
                    alert("密码有误");
                    return false;
                }
            });
        });
    })
</script>
<input type="text" id="a"/><!--把密码域改成文本域是为了让你看的更直观，
如果不习惯，请把type="text"改成type="password"-->
<input type="button" id="abv" value="测试用按钮"/>
<div id="div1">
下载链接1
</div>
<div id="div2">
下载链接2
</div> 

b.php



<?php
    $id=$_GET['id'];
    if($id==123){
        echo 1;
    }else if($id==1234){
        echo 2;
    }else{
        echo 3;
    }
?>
0 0