作者shadowjohn (3WA問題解決專家)
看板PHP
標題Re: [請益] 使用php include用來只更新網頁的一部份
時間Wed Jan 19 20:08:39 2011
※ 引述《jeffreyshe (jeffrey)》之銘言：
: 之前都是用ajax做這個功能
: 也就是類似點選一個連結 只改變一個地方的內容
: 剛剛看到似乎用php include也能做到
: 這部份請問該如何實作呢?
: 有簡單的code更好
: 感謝..
把 include 想成該呼叫的地方會掛入網頁或php的程式碼即可
# file index.php
<html>
<head>
<script...>
function dosomething(id){
//檢查id值合法性
...
var tmp=myASyncAjax(
"ajax.php?mode=改變need_change的內容",
"id="+id
);
//$("
#need_change").html(tmp);
//replaceHtml('need_change',tmp);
//
http://blog.stevenlevithan.com/archives/faster-than-innerhtml
document.getElementById('need_change').innerHTML=tmp;
}
</script>
</head>
<body>
<div id="need_change"></div>
<input type="button" onClik="dosomething(5);" value="按鈕">
<a href="javascript:;" onClick="dosomething(5);">連結</a>
</body>
</html>
# 說明~我寫的這支 myASyncAjax 是作「非同步」的 ajax 呼叫
# 第一個參數是 網址+GET值，第二個參數是 POST值
# 當然也可以用 同步 的 ajax 呼叫 mySyncAjax
# 也許就改成...
# mySyncAjax("ajax.php?mode=改變need_change的內容","id="+id,"need_change");
# 前二個參數同之前，多一個傳入要變的 tag id 就好
# 讓非同步直接去改變 div 的內容
# file ajax.php
# 使用ajax，我記得前面要有 header ↓ 題外話了...
# @header("Content-Type: text/html; charset=utf-8");
<?
include 'config.php'; //設定值檔
include 'conn.php'; //使用資料庫連線資料
include 'include.php'; //使用常用函式庫
include '檢查權限.php'; //可放在這，也可以放在下面 case 作判斷
//當然上面幾個 include 也是可以看狀況放就好了
switch($_GET['mode'])
{
case '改變need_change的內容': //別用中文就是了，純是為了寫範例時易讀
//載入 POST 值 id
$id= 載入POST['id']; // $_POST['id'];
//檢查 數值合法性
...
include 'template/need_change.php';
//此時你可以用 include
//就不用把 ajax.php 一堆功能作的烙烙長
exit();
break;
case '其他的 ajax case':
break;
}
?>
--
3WA訓練家的工作室
宗旨：諸葛單中，謝謝
個人佈弱格 網址：
http://3wa.tw
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 123.240.83.12
1F：推 jeffreyshe:感謝! 01/19 20:54
2F：推 JoeHorn:$("#need_change") 這個 selector 似乎用 jQuery.. 是嗎？ 01/20 00:40
3F：→ JoeHorn:如果用 jQuery，請直接呼叫 .load() 01/20 00:41
4F：→ shadowjohn:原來如此，下次用看看 01/20 05:07
※ 編輯: shadowjohn 來自: 123.240.83.12 (01/20 05:12)