PHP(asp.net)+jQuery+ajax快速更新頁面欄位資料(即地編輯)

這個範例用來將留言板的討論狀態,能夠做個開關快速的切換,
可以增加人性化頁面的操作。

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

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

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>


$(document).ready(function() {   
			$(".Auth").editable("jquery_gbsave.php", {
					data   : " {'Y':'顯示','N':'隱藏', 'selected':'Y'}",
					type: "select",
					indicator:"", 
					cancel: '取消',   
					submit: '修改',  
					tooltip: '滑鼠點此可編輯...',   
					width: "50px",
					style   : 'vertical-align:middle;display: inline; font-size:12px;',
					callback : function(value, settings) {
							v=value.split('_');
							arr=this.id.split('_');
							if (v[0]=='Y')
								rtn='顯示';
							else
								rtn='隱藏';
							$('#Auth_'+arr[1]).html(rtn);
					}
			});  
	});

 

 

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; 
 
?>

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

好站推薦:網頁設計除臭襪