PHP에서 ajax를 사용하여 로그인 페이지를 생성하고, 사용자 이름이 사용 가능한지 확인하고, 동적으로 데이터베이스를 호출하는 방법
- 一个新手원래의
- 2017-10-09 09:26:311472검색
1.ajax에 대한 기본 지식
ajax는 jquery, php 및 기타 기술을 결합하여 확장한 종합 응용 기술입니다. Ajax는 3f1c4e4b6b16bbbd69b2ee476dc4f83a 태그에도 작성됩니다.
Ajax를 사용하는 경우 처리 페이지가 있어야 합니다. 처리 페이지에서는 데이터베이스만 작동하고 값을 반환합니다.
2. ajax를 사용하여 로그인 페이지를 만듭니다. page uidchuli.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="../jquery-1.11.2.min.js"></script>
<title>无标题文档</title>
</head>
<body>
<p>用户名：<input type="text" id="uid" /></p>
<p>密码：<input type="text" id="pwd" /></p>
<p><input type="button" value="登录" id="btn" /></p>
</body>
<script type="text/javascript">$(document).ready(function(e) {
$("#btn").click(function(){//给按钮加点击事件
//取用户名和密码
var u = $("#uid").val();//取输入的用户名
var p = $("#pwd").val();//取输入的密码
//调ajax
$.ajax({
url:"dengluchuli.php",
data:{u:u,p:p},//第二个u和p只是变量，可以随意写，dengluchuli.php里面的u和p都是第一个。
type:"POST",
dataType:"TEXT",
success: function(data){ if(data.trim()=="OK")//要加上去空格，防止内容里面有空格引起错误。 {
window.location.href="main.php";//js跳转页面，要记住。 } else
{ echo("用户名或密码错误");
}
}
});
})
});</script>
</html>효과는 그림과 같습니다:
4. 데이터베이스를 동적으로 호출하고 검색 상자에 키워드를 입력하면 키워드가 포함된 내용이 자동으로 입력 상자 아래에 나타납니다. list.php<?php
$uid = $_POST["u"];
$pwd = $_POST["p"];
include("./DBDA.class.php");
$db = new DBDA();
$sql = "select password from login where username='{$uid}'";
$mm = $db->StrQuery($sql,0);
if($mm == $pwd && $pwd!="")
{
echo "OK";
}
else
{
echo "NO";
}
페이지 listchuli.php<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="../jquery-1.11.2.min.js"></script>
<title>无标题文档</title>
</head>
<body>
<input type="text" id="uid" />
<span id="ts"></span>
</body>
<script type="text/javascript">
$("#uid").blur(function(){//blur表示失去焦点时触发
//取用户名
var uid = $("#uid").val();
//调ajax
$.ajax({
url:"uidchuli.php",
data:{u:uid},
type:"POST",
dataType:"TEXT",
success: function(data){
if(data>0)
{
$("#ts").html("该应户名已存在");
$("#ts").css("color","red");
}
else
{
$("#ts").html("该应户名可用");
$("#ts").css("color","green");
}
}
});
})
</script>
</html>처리 중 효과는 아래와 같습니다.
위 내용은 PHP에서 ajax를 사용하여 로그인 페이지를 생성하고, 사용자 이름이 사용 가능한지 확인하고, 동적으로 데이터베이스를 호출하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.