ajax实现注册登录

html代码:

<input type="text" id="name" placeholder="姓名" required="">
<input type="password" id="mima" required="" placeholder="密码至少6位数"><p></p>
<input type="password" id="xingbie" placeholder="性别" required="">
<input type="text" id="xibu" placeholder="系部" required="">
<input type="text" id="banji" placeholder="班级" required="">
<button type="button" id="but1" style="background: transparent; color: #FFFFFF; border:1px transparent solid; 80px;height: 50px; font-weight: 400;font-size:20px">确定</button>
<button type="button" id="but2" style="background: transparent; color: #FFFFFF; border:1px transparent solid;  80px;height: 50px;font-weight: 400;font-size:20px">取消</button>



js代码:

<script>
    $(document).ready(function(){
        //实现注册功能
        $("#but1").click(function(){
            var a=$("#name").val();
            var b=$("#mima").val();
            var c=$("#xingbie").val();                             //val()是返回属性value对应的值
            var d=$("#xibu").val();
            var e=$("#banji").val();


            $.post("zhuce.php",{"name":a,"mima":b,"xingbie":c,"xibu":d,"banji":e},function (data1){
                alert(data1);                       //弹窗

            });   //index1.php引入php文件运行这个文件    {}中间写上面var a=$("#name").val();对应的值   funtion定义个变量用alert弹窗输出

        });

    });


    </script>


php代码:

<?php


header( 'Content-Type:text/html;charset=utf-8 ');


include_once("conn/conn.php");               //引入导入数据库控制页面

$name=$_POST["name"];
$mima=$_POST["mima"];
$xingbie=$_POST["xingbie"];          // 括号里面的值对应前端里面name
$xibu=$_POST["xibu"];
$banji=$_POST["banji"];


$sql="INSERT into user (name,mima,xingbie,xibu,banji)values('$name','$mima','$xingbie','$xibu','$banji')";       //规定查询字符串
$r=mysqli_query($link,$sql);//  $link要使用的mysql连接 $sql要查询的字符串
if ($r) {
    echo ("写入成功");
}else{
    echo ("失败");
}





?>
mysql  php代码

<?php
$host="localhost";//规定主机名和ip地址
$db_user="root"; //数据库用户
$db_pass="";    //数据库密码
$db_name="sqlclass1";   //要使用的数据库数据库
$timezone = "Asia/Shanghai";//上海时间

$link=mysqli_connect($host,$db_user,$db_pass,$db_name);//mysqli_connect打开一个到 MySQL 服务器的新的连接
mysqli_query($link,"SET names UTF8");//link  是规定要使用的mysql连接       后面是设置编码格式
header("Content-Type: text/html; charset=utf-8");
date_default_timezone_set($timezone); //北京时间
?>