2014年12月22日 星期一

前台與SQL的接合 by Json

現在寫程式的風格越來越依賴json了xd
因為現在多使用Jquery無縫的呈現,所以用Json傳資料是最好的方式(就是不換頁的方式)
前台用jquery:
$.post('[URL]',{[DATAOBJ]},function(e){[FUNCTION]});

後台用php:
<?php
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>
後台:
<?php
if(isset($_POST['page'])){
$return = [從SQL取得資料];//包含至少一組title,資料以array的方式呈現
if(count($return) != 0)
echo json_encode($return);//用json印出來給前台
else
echo -1;
}
?>

這樣就直接完成一個簡單的換頁功能了XD

沒有留言:

張貼留言