这次给大家带来ajax怎样实现修改功能(附代码),ajax实现修改功能的注意事项有哪些,下面就是实战案例,一起来看一下。
因为做的是一个内部管理系统,只用了一个主页面,所有的都不允许整个网页刷新,所以我们只能用ajax
来做,当然刚开始做也走了很多的弯路,最终还是做出来了 这点还是比较欣慰的
今天要整理一下ajax实现修改功能 这里的login登录也不写了,主要是写一下修改的大体代码,方便以后
用的时候查找
样式我用的是bootstrap,一开始要引入三个文件,这里就不多说了,下面是页面所要显示的样式
修改
Query($sql); foreach($arr as $v) { $sqn = "select qxmc from qxypmx where qxdh='{$v[1]}'"; $att = $db->Query($sqn); $squ = "select uid from login where num='{$v[4]}'"; $ann = $db->Query($squ); } ?> 器械名称:
采购数量:
采购日期:
采购员:
当然看到这个地方,还要有一个修改的按钮 需点击后触发事件
//这里面的值是通过php代码求出来的,这里就不多说了
下面是ajax部分了 为了方便,我把修改写成了一个方法,用到的时候直接调用就可以了
function xiugai()
{
var ids = ""; //首先定义为空
var rmc1= "";
var rsl1= "";
var rqi1= "";
var rcg1= "";
$(".xiugai").click(function() { //给修改按钮一个点击事件
ids = $(this).attr("ids0");
rmc1= $(this).attr("ids1"); //把之前有的值取出来,赋值给表单的val
rsl1= $(this).attr("ids2");
rqi1= $(this).attr("ids3");
rcg1= $(this).attr("ids4");
$("#rmc").val(rmc1);
$("#rsl").val(rsl1);
$("#rqi").val(rqi1);
$("#rcg").val(rcg1);
$("#rcbtn").click(function(){
var rmc=$("#rmc").val();
var rsl=$("#rsl").val();
var rqi=$("#rqi").val();
var rcg=$("#rcg").val();
$.ajax({
url:"xiugai.php",
data:{ids:ids,rmc:rmc,rsl:rsl,rqi:rqi},
type:"POST",
dataType:"TEXT",
success:function(xx){
//alert(xx);
if(xx.trim()=="OK")
{
alert("修改成功");
Load();
}
}
})
$('#myModal2').modal('hide')
})
});
}Query($sql1);
$sql="update qxcg set qxdh='{$arr[0][0]}',cgsl='{$cgsl}',cgrq='{$cgrq}' where ids='{$ids}'";
if($db->Query($sql,0))
{
echo"OK";
}
else
{
echo"NO";
}这样就可以实现修改按钮的功能了 点击修改之后有个弹出框,如图所示:

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:









