php ajax实现编辑资料,怎么用jQuery、Ajax、php实现这样的无刷新编辑功能?
上面回答的,我沒有采納答案,實在是我水平有限,沒有修改好。在php100也同提了這個問題,很快得到解決。下面貼上php100的答案,并附上鏈接,方便他人。
無標題文檔table{border-collapse:collapse}
td{border:1px #CCC solid;padding:5px;font-size:12px}
a{color:#069;text-decoration:none}
a:hover{color:#C00;text-decoration:underline}
a.button{display:block;border:1px #693 solid;background:#9C6;padding:4px;color:#FFF}
a.success{border-color:#369;background:#69C}
input{font-size:12px;border:1px #999 solid;padding:4px;width:40px;text-align:center}
| 3308 | 3.97 M3 | 2950.00 元 | 2013-05-21 14:36:20 | 庫存 0 套 | 修改庫存 |
| 3308 | 3.97 M3 | 2950.00 元 | 2013-05-21 14:36:20 | 庫存 0 套 | 修改庫存 |
$("#dataList a").click(function(){
var a=$(this),td=a.parent().prev(),s=td.children('span'),i=td.children('input');
if($.trim(a.text())=='修改庫存'){
a.text('保存修改').addClass('success');
s.hide();
i.show();
}else{
$.post('save.php',{id:a.attr('rel'),num:i.val()},function(r){
alert(r.msg);
if(r.status){
s.html('庫存 '+r.num+' 套');
a.text('修改庫存').removeClass('success');
s.show();
i.hide()
}
},'JSON')
}
return false
})
上面是html頁面,下面是php
header("Content-type: text/html; charset=utf-8");
$r = array(
'msg' => '錯誤!',
'status' => FALSE,
'num' => 0
);
if(isset($_POST['id']) && isset($_POST['num'])){
if(is_numeric($_POST['id']) && is_numeric($_POST['num'])){
$id = (int)$_POST['id'];
$num = (int)$_POST['num'];
$r['msg'] = '修改成功!';
$r['num'] = $num;
$r['status'] = TRUE;
}else{
$r['msg'] = '錯誤![2]';
}
}else{
$r['msg'] = '錯誤![1]';
}
echo json_encode($r);
?>
總結
以上是生活随笔為你收集整理的php ajax实现编辑资料,怎么用jQuery、Ajax、php实现这样的无刷新编辑功能?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: php获取上海时间代码,PHP获取星期的
- 下一篇: 动态规划算法php,php算法学习之动态