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

房東：黑仔
發表時間：2011-05-07

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

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

1. html碼：

2. Javascript：

`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 人回應