[JQuery] PHP+jQuery+ajax快速更新頁面(即地編輯)

專業鋁門窗、鍛造門設計及安裝
價格便宜、品質好、設計佳，值得您信賴

防水抓漏技術權威
防水抓漏修繕，技術精深，免費到府勘查估價！

首頁 ‧ tw 論壇 ‧ 程式設計討論 ‧

[JQuery] PHP+jQuery+ajax快速更新頁面(即地編輯)

房東：黑仔

發表時間：2011-05-07

這個範例用來將留言板的討論狀態，能夠做個開關快速的切換

可以增加人性化頁面的操作。

1. html碼：

<div class="Auth" style="cursor:pointer" id="Auth_{id}">{Auth}</div>

2. Javascript：

<script src="js/jquery.jeditable.mini.js" type="text/javascript"></script>

`01`	`$(document).ready(function() {`

`02`	`$(".Auth").editable("jquery_gbsave.php", {`

`03`	`data :` `" {\'Y\':\'顯示\',\'N\':\'隱藏\', \'selected\':\'Y\'}",`

`04`	`type:` `"select",`

`05`	`indicator:"<I src="images/loading.gif" mg="">",`

`06`	`cancel:` `\'取消\',`

`07`	`submit:` `\'修改\',`

`08`	`tooltip:` `\'滑鼠點此可編輯...\',`

`09`	`width:` `"50px",`

`10`	`style :` `\'vertical-align:middle;display: inline; font-size:12px;\',`

`11`	`callback :` `function(value, settings) {`

`12`	`v=value.split(\'_\');`

`13`	`arr=this.id.split(\'_\');`

`14`	`if` `(v[0]==\'Y\')`

`15`	`rtn=\'顯示\';`

16 else

`17`	`rtn=\'隱藏\';`

`18`	`$(\'#Auth_\'+arr[1]).html(rtn);`

19 }

20 });

21 });</I>

3.php:

<?

include_once("../includes/sql.php");

$id = $_POST[\'id\'];

$value = $_POST[\'value\'];

list($field, $id) = explode(\'_\', $id);

//mysql query

$sql ="UPDATE ".$prefix."guestbook SET private=\'$value\' WHERE id=\'$id\'";

$db->db_Query($sql);

//將值傳回前端

echo $value;

?>

網頁設計 -->找網站銀行

贊助網站

廣利不動產-新板特區指名度最高、值得您信賴的好房仲
您的托付,廣利用心為您服務
廣利不動產-板橋在地生根最實在--新板特區指名度最高、值得您信賴的好房仲
完整房訊，房屋、店面熱門精選物件，廣利不動產優質仲介，房屋租賃、買賣資訊透明，交易真安心！

　共 0 人回應