ajax 간단 한 로그 인 페이지 작성
ajax 의 장점:
1.가장 큰 점 은 페이지 가 새로 고침 되 지 않 고 사용자 의 체험 이 매우 좋다 는 것 입 니 다.
2.비동기 방식 으로 서버 와 통신 하여 더욱 빠 른 응답 능력 을 가진다.
3.예전 에 일부 서버 가 부담 한 업 무 를 클 라 이언 트 에 게 전가 하고 클 라 이언 트 의 유 휴 능력 으로 처리 하여 서버 와 대역 폭 의 부담 을 줄 이 고 공간 과 광대 역 임대 비용 을 절약 할 수 있다.또한 서버 의 부담 을 줄 이 는 것 이 원칙 입 니 다.ajax 의 원칙 은'필요 에 따라 데 이 터 를 가 져 옵 니 다'로 불필요 한 요청 과 응답 이 서버 에 미 치 는 부담 을 최대한 줄 일 수 있 습 니 다.
4.표준화 되 고 광범 위 하 게 지원 되 는 기술 을 바탕 으로 플러그 인 이나 애플 릿 을 다운로드 할 필요 가 없습니다.
5.ajax 는 인터넷 응용 프로그램 을 더욱 작고 빠 르 며 우호 적 으로 할 수 있 습 니 다.
여기 서 나 는 ajax 로 간단 한 로그 인 페이지 를 썼 다.먼저 데이터베이스 login 의 표를 사용 했다.
다음은 로그 인 페이지 의 코드 입 니 다.먼저 jquery 패 키 지 를 도입 해 야 합 니 다.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> </title>
<script src="jquery-3.1.1.min.js"></script> /* jquery */
</head>
<body>
<h2> </h2>
<div> :<input type="text" id="uid"/></div>
<div> :<input type="text" id="pwd"/></div>
<div><input type="button" id="btn"value=" "/></div>11</body>12</html>
로그 인 페이지 는 간단 해서 그림 을 올 리 지 않 습 니 다.예전 에 블 로그 도 여러 번 썼 습 니 다.그리고 다음은 ajax 의 문법 입 니 다.
<script type="text/javascript">
$("#btn").click(function(){
// : ,
var uid=$("#uid").val();
var pwd=$("#pwd").val();
// : , , ajax
$.ajax({
url:"dlchuli.php",//
data:{uid:uid,pwd:pwd},//
type:"POST",//
dataType:"TEXT", // TEXT JSON XML
success:function(data){
// , trim()
if(data.trim()=="OK")
{
window.location.href = "main.php";
}
else{
alert(" ");
}
}
})
})
</script>
dlchuli.php 의 코드 작성 방법 은 다음 과 같 습 니 다.
<?php
include("DADB.class.php");
$db=new DADB();
$uid=$_POST["uid"];
$pwd=$_POST["pwd"];
$sql="select password from login where username='{$uid}'";
$arr=$db->Query($sql);
if($arr[0][0]=$pwd && !empty($pwd))
{
echo"OK";
}
else{
echo"NO";
}
?>
여기까지 쓰 고 ajax 로 쓴 간단 한 로그 인 페이지 가 완성 되 었 습 니 다.가장 큰 장점 은 오류 가 발생 하면 원래 페이지 에서 오 류 를 보고 하고 다른 페이지 로 뛰 지 않 는 다 는 것 입 니 다.이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Javascript Ajax에 대한 간단한 연습저는 약 4년 동안 프로그래밍 개인 튜터로 일한 경험이 있습니다. 약 5년 전에 " "이라는 제목의 페르시아어로 내 웹사이트에 블로그 게시물을 올렸고 사람들이 저에게 전화하기 시작했습니다. 나는 항상 사람들을 가르치...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.