PHP ajax_php 팁에서 새로 고침되지 않는 페이징을 구현하는 방법
- WBOY원래의
- 2016-05-16 20:33:20773검색
이 글의 예시에서는 php ajax를 이용하여 새로 고침 없는 페이징을 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.
오리지널 php js ajax를 기반으로 한 페이징 프로그램의 예입니다. 데이터베이스 생성부터 js, php, html 페이지 생성까지 자세하게 데이터를 호출하는 ajax 페이징을 구현하는 방법을 알려드리겠습니다.
구체적인 단계는 다음과 같습니다.
1. 데이터베이스 생성
SQL문은 다음과 같습니다.
코드 복사 코드는 다음과 같습니다.
CREATE TABLE `tb_user`(
`id` int(10) NOT NULL auto_increment,
`username` varchar(50) NOT NULL,
기본 키(`id`)
) 엔진=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=10 ;
`id` int(10) NOT NULL auto_increment,
`username` varchar(50) NOT NULL,
기본 키(`id`)
) 엔진=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=10 ;
`tb_user` 값에 삽입(1, 'aaa');
`tb_user` 값에 삽입(2, 'bbb');
`tb_user` 값에 삽입(3, 'ccc');
`tb_user` 값에 삽입(4, 'ddd');
`tb_user` 값에 삽입(5, 'eee');
`tb_user` 값에 삽입(6, 'fff');
`tb_user` 값에 삽입(7, 'ggg');
`tb_user` 값에 삽입(8, 'hhh');
`tb_user` 값(9, '����')에 삽입;
2. ajaxpage.js 파일 코드는 다음과 같습니다.
코드 복사 코드는 다음과 같습니다.
var http_request=false;
함수 send_request(url){//초기화, 처리 함수 지정, 요청을 보내는 함수
http_request=false;
//XMLHttpRequest 객체 초기화 시작
If(window.XMLHttpRequest){//Mozilla 브라우저
http_request=new XMLHttpRequest();
If(http_request.overrideMimeType){//MIME 카테고리 설정
http_request.overrideMimeType("text/xml");
}
}
else if(window.ActiveXObject){//IE 브라우저
시도해 보세요{
http_request=new ActiveXObject("Msxml2.XMLHttp");
}잡기(e){
시도해 보세요{
http_request=new ActiveXobject("Microsoft.XMLHttp");
}잡기(e){}
}
}
If(!http_request){//Exception, 객체 인스턴스 생성 실패
window.alert("XMLHttp 개체를 생성하지 못했습니다!");
false를 반환합니다.
}
http_request.onreadystatechange=processrequest;
//요청 방식, URL, 다음 코드 동기 실행 여부 결정
http_request.open("GET",url,true);
http_request.send(null);
}
//반환된 정보를 처리하는 함수
함수 processrequest(){
If(http_request.readyState==4){//객체 상태 확인
If(http_request.status==200){//정보가 성공적으로 반환되면 정보 처리를 시작하세요
Document.getElementById(reobj).innerHTML=http_request.responseText;
}
else{//페이지가 비정상입니다
warning("요청하신 페이지가 정상적이지 않습니다!");
}
}
}
함수 dopage(obj,url){
document.getElementById(obj).innerHTML="데이터를 읽는 중...";
reobj = obj;
send_request(url);
}
함수 send_request(url){//초기화, 처리 함수 지정, 요청을 보내는 함수
http_request=false;
//XMLHttpRequest 객체 초기화 시작
If(window.XMLHttpRequest){//Mozilla 브라우저
http_request=new XMLHttpRequest();
If(http_request.overrideMimeType){//MIME 카테고리 설정
http_request.overrideMimeType("text/xml");
}
}
else if(window.ActiveXObject){//IE 브라우저
시도해 보세요{
http_request=new ActiveXObject("Msxml2.XMLHttp");
}잡기(e){
시도해 보세요{
http_request=new ActiveXobject("Microsoft.XMLHttp");
}잡기(e){}
}
}
If(!http_request){//Exception, 객체 인스턴스 생성 실패
window.alert("XMLHttp 개체를 생성하지 못했습니다!");
false를 반환합니다.
}
http_request.onreadystatechange=processrequest;
//요청 방식, URL, 다음 코드 동기 실행 여부 결정
http_request.open("GET",url,true);
http_request.send(null);
}
//반환된 정보를 처리하는 함수
함수 processrequest(){
If(http_request.readyState==4){//객체 상태 확인
If(http_request.status==200){//정보가 성공적으로 반환되면 정보 처리를 시작하세요
Document.getElementById(reobj).innerHTML=http_request.responseText;
}
else{//페이지가 비정상입니다
warning("요청하신 페이지가 정상적이지 않습니다!");
}
}
}
함수 dopage(obj,url){
document.getElementById(obj).innerHTML="데이터를 읽는 중...";
reobj = obj;
send_request(url);
}
3. PHP 호출 코드는 다음과 같습니다.
코드 복사 코드는 다음과 같습니다.
$terry=mysql_connect("localhost","root","")또는 die("连接数据库失败:".mysql_error());
mysql_select_db("ajaxtest",$terry);
mysql_query("이름 설정 'utf8'");
$result=mysql_query("tb_user에서 * 선택");
$total=mysql_num_rows($result) 또는 die(mysql_error());
$page=isset($_GET['페이지'])?intval($_GET['페이지']):1;
$page_size=3;
$url='index.php';
$pagenum=ceil($total/$page_size);
$page=min($pagenum,$page);
$prepage=$page-1;
$nextpage=($page==$pagenum?0:$페이지 1);
$pageset=($page-1)*$page_size;
$pagenav='';
$pagenav.="显示第".($total?($pageset 1):0)."-".min($pageset 5,$total)."记录 共".$total."条记录 现在是第 ".$page." 页 ";
if($page<=1)
$pagenav.="首页";
그 외
$pagenav.="首页";
if($prepage)
$pagenav.="上一页";
그 외
$pagenav.="上一页";
if($다음페이지)
$pagenav.="下一页";
그 외
$pagenav.="下一页";
if($pagenum)
$pagenav.="尾页";
그 외
$pagenav.="尾页";
$pagenav.="共".$pagenum."页";
if($페이지>$pagenum){
echo "오류:没有此页".$page;
종료();
}
?>
| 용도명 | 사용户密码 |