mysql - 怎么用jQuery、Ajax、php实现这样的无刷新编辑功能?
程序员文章站
2022-05-09 09:24:12
...
先放我做好的效果图。如下图1为编辑前的效果,图2为点击“修改库存”后的效果。html和CSS已经弄出来了,但不懂javascript。修改后的数据直接通过后台php修改到mysql,若成功则直接返回数据到库存的td单元格。
然后是我的html代码。
3308
3.97 M³
2950.00 元
2013-05-21 14:36:20
保存修改
求兄弟们能给个详细点的答案,实在是不懂javascript啊,整个页面就差这一个功能实现了。另外,这样的表格有长长一列,我可以用php循环生成动态html标签id的。
感谢感谢!
回复内容:
先放我做好的效果图。如下图1为编辑前的效果,图2为点击“修改库存”后的效果。html和CSS已经弄出来了,但不懂javascript。修改后的数据直接通过后台php修改到mysql,若成功则直接返回数据到库存的td单元格。
然后是我的html代码。
3308
3.97 M³
2950.00 元
2013-05-21 14:36:20
保存修改
求兄弟们能给个详细点的答案,实在是不懂javascript啊,整个页面就差这一个功能实现了。另外,这样的表格有长长一列,我可以用php循环生成动态html标签id的。
感谢感谢!
上面回答的,我没有采纳答案,实在是我水平有限,没有修改好。在php100也同提了这个问题,很快得到解决。下面贴上php100的答案,并附上链接,方便他人。
无标题文档
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 套
修改库存
上面是html页面,下面是php
'错误!',
'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);
?>
$(document).ready(function() {
//为每一个具有相同id=cartUpdate 的 添加click事件
$("#cartUpdate").live("click",function(){
var text=$(this).text();
if(text=="修改数量"){
var count = $(this).parent().prev().text();
$(this).parent().prev().html("");
$(this).text("确定");
}else if(text=="确定"){
var count2 = $(this).parent().prev().children().val();
var id = $(this).parent().prev().prev().prev().prev().text();
$.post("/cart/update", {
"productId" : id,"count":count2
}, function(data) {
if(data=="ok"){
$("#p" + id).next().next().next().text(count2);
$("#p" + id).nextAll().find("button").text("修改数量");
}else{
alert("修改失败");
}
});
}
});
上一篇: 关于smarty引入模板后显示的问题
推荐阅读
-
jquery - 实现修改的功能,用ajax怎么实现,就是一个edit.php读出数据,update.php更新数据,怎么实现?
-
mysql - 怎么用jQuery、Ajax、php实现这样的无刷新编辑功能?
-
mysql - 怎么用jQuery、Ajax、php实现这样的无刷新编辑功能?
-
jquery - 实现修改的功能,用ajax怎么实现,就是一个edit.php读出数据,update.php更新数据,怎么实现?
-
jQuery+AJAX+PHP+MySQL开发搜索无跳转无刷新的功能
-
jQuery+AJAX+PHP+MySQL开发搜索无跳转无刷新的功能
-
php结合jQuery的ajax无刷新提交实现点赞功能
-
php结合jQuery的ajax无刷新提交实现点赞功能