因為現在多使用Jquery無縫的呈現,所以用Json傳資料是最好的方式(就是不換頁的方式)
前台用jquery:
$.post('[URL]',{[DATAOBJ]},function(e){[FUNCTION]});
後台用php:
<?php
if(isset($_POST['KEY'])){
$output = [FUNCTION];
echo json_encode($output);
}
?>
if(isset($_POST['KEY'])){
$output = [FUNCTION];
echo json_encode($output);
}
?>
EX:換頁功能實現
前台:
<script>
$(window).ready(function(){
$('.page').on('click',function(){
$.post('[url]',{'page':$(this)[0].innerHTML},function(e){
if(e != -1){
$('#main').html('');
for(var i = 0; i < e.length; i++){
$('#main').append('<div>'+e[i].title+'</div>');
}
}else{
$('#main').html('UnFind Data.');
}
},'json');
});
});
</script>
<div id = 'main'>
...
</div>
<span class = 'page'>1</span>
<span class = 'page'>2</span>
後台:$(window).ready(function(){
$('.page').on('click',function(){
$.post('[url]',{'page':$(this)[0].innerHTML},function(e){
if(e != -1){
$('#main').html('');
for(var i = 0; i < e.length; i++){
$('#main').append('<div>'+e[i].title+'</div>');
}
}else{
$('#main').html('UnFind Data.');
}
},'json');
});
});
</script>
<div id = 'main'>
...
</div>
<span class = 'page'>1</span>
<span class = 'page'>2</span>
<?php
if(isset($_POST['page'])){
$return = [從SQL取得資料];//包含至少一組title,資料以array的方式呈現
if(count($return) != 0)
echo json_encode($return);//用json印出來給前台
else
echo -1;
}
?>
if(isset($_POST['page'])){
$return = [從SQL取得資料];//包含至少一組title,資料以array的方式呈現
if(count($return) != 0)
echo json_encode($return);//用json印出來給前台
else
echo -1;
}
?>
這樣就直接完成一個簡單的換頁功能了XD
沒有留言:
張貼留言