jquery+JSon實現無刷新取值
Html jquery代碼：
<script>
function edit(id)
{
alert
(id);
$.getJSON("edit.PHP",{save:'editJSon',id:id},function(data){
if($.trim(data.title))
{
//給下面的form賦值
$("#edid").val(id);
$("#save").val
("edit");
$("#title").val(data.title);
$("#content").val(data.content);
//下面的是賦值給fckeditor編輯器
//var oEditor = FCKeditorAPI.GetInstance("afficheinfo")
;
//oEditor.SetHTML(data.content) ;
}
else
{
alert("操作失敗");
//下面為用層顯示錯誤信息
//$('#result').CSS("display",'');
//$('#result').Html
('<img src="/Public/images/icon/reg3.gif" alt="" />操作失敗！');
//setTimeout("$('#result').fadeOut()",1000);
}
});
}
</script>
<a
href="edit(1);">這裡是ID號</a>
<form >
ID:<input id="edid" value="" />
title:<input id="title" value="" />
conetnt:<input id="content"
value="" />
</form>
PHP代碼：
edit.php
<pre>
<?PHP
if($_GET['id'])
{
//這裡根據ID取到數據庫數據，我這裡就不寫了
echo
'{title:"'.$rs["title"].'",content:"'.$rs["content"].'"}';//這裡返回JSon數據
}
?>