이번에는 Ajax 데이터 처리 단계(코드 포함)에 대해 자세히 설명하고, Ajax 데이터 처리 시 주의 사항은 무엇이며, 다음은 실제 사례이므로 살펴보겠습니다.
캡슐화된 데이터베이스 호출과 jQuery 저장 주소
1. 등록
(1) 사용자 이름 확인을 위한 텍스트 상자 작성
<input type="text" id="uid" /> <span id="tishi"></span> //这个使用来显示提示信息的
(2) jQuery 문을 사용하여 작성: 사용자 이름은 사용할 수 없지만 사용자 이름은 사용할 수 있습니다.
$("#uid").blur(function(){ //取用户名 var uid = $(this).val(); //查数据库,调ajax $.ajax({ //ajax方法中必须是json格式 url: "zhucecl.php", //处理页面的地址 data:{u:uid}, //这里是Json的格式:u是起的个名字,uid才是值 type:"POST", //数据提交方式 dataType:"TEXT", //返回的数据格式:字符串格式 success:function(data){ //成功的话返回匿名函数(回调函数) //执行处理页面成功后的语句 var str = ""; if(data=="OK") { str = "用户名可以使用"; $("#tishi").css("color","green"); } else { str = "已有用户名"; $("#tishi").css("color","red"); } $("#tishi").text(str); } }); })
(3) 등록 처리 페이지: 여러 번 썼으므로 쓰지 않겠습니다. 문장별로 설명해주세요
<?php //调封装好的类:注意保存位置 include("DBDA.class.php"); $db = new DBDA(); //传的值起的名字 $uid = $_POST["u"]; $sql = "select count(*) from renyuan where username='{$uid}'"; //调用封装的函数 $attr =$db->Query($sql); //判断用户名是否存在 if($attr[0][0]>0) { echo "NO"; //有重复的用户名 } else { echo "OK"; //没有重复的用户名 } ?>
2. 로그인
(1) 글상자 작성 및 로그인 버튼
<p>账号:<input type="text" id="uid" /></p> <p>密码:<input type="password" id="pwd" /></p> <input type="button" value="登录" id="btn" />
(2) 쓰기 jQuery 문
$("#btn").click(function(){ var uid=$("#uid").val(); //找到用户 var pwd=$("#pwd").val(); //找到密码 //调ajax方法,里面要用json格式 $.ajax({ url:"denglucl.php", //登陆的处理页面 data:{uid:uid,pwd:pwd}, type:"POST", dataType:"text", success: function(data) { if(data.trim()=="OK") { window.location.href="zhuce.php" rel="external nofollow" ; //用户名密码正确,进入一个页面 } else { alert("用户名密码输入错误"); } } }) })
(3) 로그인 처리 페이지 : 여러번 썼기 때문에 한 문장씩 설명하지 않겠습니다
<?php include("DBDA.class.php"); $db = new DBDA(); $uid = $_POST["uid"]; $pwd = $_POST["pwd"]; $sql = "select mima from huiyuan where yonghu='{$uid}'"; $attr = $db->Query($sql); if(!empty($pwd) && !empty($attr) && $attr[0][0]==$pwd) //密码不为空,数组不为空,输入密码和查出的密码是否相同 { echo "OK"; } else { echo "ON"; }
로그인 성공 :
세 .Ajax 데이터 처리
(1) 먼저 이름 행을 표시하고 정상적으로 표시하려는 내용을 편집합니다.
<table width="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td>代号</td> <td>名称</td> <td>价格</td> <td>产地</td> <td>库存</td> <td>操作</td> </tr> </table>(3) jQuery 작성, 페이지 로드 후 실행
<tbody id="bg">
//里面放遍历的某个表中的数据内容
</tbody>
$(document).ready(function(e) {
$.ajax({
url:"xianshicl.php",
dataType:"TEXT",
success: function(data){
//处理页面处理完成后执行的
});
include("DBDA.class.php"); //调用封装好的类:注意存在位置
$db = new DBDA(); //造新对象
$sql = "select * from fruit"; //写sql语句
echo $db->StrQuery($sql); //1.调用封装好的拼接数组为字符串的方法
/* //2.
$attr = $db->Query($sql); //调用封装类中的方法来执行sql语句
$str = "";
foreach($attr as $v)
{
$str .= implode("^",$v)."|"; //拼接数组为字符串
}
echo substr($str,0,strlen($str)-1); //截取字符串:最后的拼接符不显示<br>*/
다음과 같이 표시됩니다.
이후 메서드를 마스터했다고 믿습니다. 이 기사의 사례를 읽어보세요. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요! 추천 도서:
Django Ajax 사용 방법 브라우저가 Ajax 요청을 기억하고 브라우저를 앞뒤로 제어하는 방법위 내용은 Ajax 데이터 처리 단계에 대한 자세한 설명(코드 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!