小アリ学習ページの静的化(3)-ページの静的化における局所的な動的化事例の実現
2752 ワード
はっきり言って、実は1つの知識点--ajaxを使いました.静態化ページでajaxを使用してデータベース内のデータを動的に取得し、静態化ページの対応する場所に書き込むとよい.これらのコードは普段の仕事で腐っていますが、ブログでもう一度書くことにしました.なぜか聞かないでください.日曜日、いいえ.行け!クラス!ほほほ……静態化ページのスクリプト を生成する.
2.ajaxリクエストのスクリプトを準備し、データを返す
3.テンプレートファイルを用意し、jQueryファイルを導入し、jQueryを使用してajaxを実現するのは非常に簡単で、ajaxコードを書き込む.
OK,完成d====(￣▽￣*)b
<?php
// ， 20
if(is_file('./text.php') && time()-filemtime('./text.php') <= 20){
// ，
include_once('./jingtai.php');
}else{
// ， ， ， ，
$arr = array(
0=>array('title'=>' '),
1=>array('title'=>' '),
2=>array('title'=>' '),
3=>array('title'=>date('Y-m-d H:i:s'))
);
//
ob_start();
//
include_once('./template.php');
// ， ob_get_contents();
file_put_contents('./jingtai.php', ob_get_contents());
}
?>2.ajaxリクエストのスクリプトを準備し、データを返す
<?php
//
$arr = array(
0=>array('title'=>' '),
1=>array('title'=>' '),
2=>array('title'=>' '),
3=>array('title'=>date('Y-m-d H:i:s'))
);
//
show($code=1,$arr);
function show($code=0,$data=null){
// ，code ，data
$msg=array(
'code'=>$code,
'data'=>$data
);
//json
echo json_encode($msg);
}
?>3.テンプレートファイルを用意し、jQueryファイルを導入し、jQueryを使用してajaxを実現するのは非常に簡単で、ajaxコードを書き込む.
<!doctype html>
<html>
<head>
<meta charset='utf-8' />
<script src="./jquery-1.6.4.min.js" type="text/javascript"></script>
<title>
</title>
</head>
<body>
<ul>
<?php foreach ($arr as $key => $value) { ?>
<li><?php echo $value['title'] ?></li>
<?php } ?>
</ul>
<ul id='ajax'>
</ul>
<script>
// ajax
$.ajax({
type:'POST',
url: "./text.php",
dataType:'json',
success: function(result){
// code ， 。
//
var html='';
// data
$.each(result.data,function(key,value){
//
html +='<li>'+value.title+'</li>';
});
// ， ul ， ok
$('#ajax').html(html);
}
});
</script>
</body>
</html>OK,完成d====(￣▽￣*)b