JQuery ajax 登陆-优快云博客

本文链接：https://blog.youkuaiyun.com/lx258963/article/details/83924158

本文介绍了一个使用HTML、JavaScript和PHP实现的简单表单验证案例。该案例中，表单接收用户的用户名和密码输入，并通过JavaScript在前端进行初步验证，再利用PHP在后端进一步验证这些数据的有效性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<form action="test.php" name="login"  method="post">
用户名:<input type="text" name="username" id="username" />
密码:<input type="text" name="passwork" id="passwork" />
<input type="button" value="登录" id="login" />
</form>
<div id="result"></div>


$(function (){
    $('#login').click(function (){
         var dataString ='username='+$('#username').val()+'&password='+$('#password').val(); 
         $.ajax({
             url:'test.php',
             type:'post',
             data:dataString,
             success:function(data){
                if(data == '1'){
                    $('#result').html('登陆成功');
                }
                else if(data == '0'){
                    $('#result').html('登录失败');
                }
                else{
                   $('#result').html(data);
                }
             }
         });
    });
});


<?php 
mysql_connect('localhost','root','');
mysql_select_db('news');
mysql_query('set names utf8');
$u = $_POST['username'];
$p = $_POST['passwork'];
if($u == '' || $p == ''){
    echo "不能为空";
    exit;
}
$sql = "select * from tuser ";
$result = mysql_query($sql);
$num = mysql_num_rows($result);
/*
$sql ="insert into tuser value(null,'$u','$p')";
$result = mysql_query($sql);
$num = mysql_insert_id();  //插入数据
*/
if($num >0){
   echo "1";
}
else{
   echo '0';
}
?>