ajax如何实现修改功能
这篇文章主要介绍ajax如何实现修改功能,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
创新互联建站专注于阳春网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供阳春营销型网站建设,阳春网站制作、阳春网页设计、阳春网站官网定制、小程序设计服务,打造阳春网络公司原创品牌,更为您提供阳春网站排名全网营销落地服务。
样式我用的是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); } ?> 器械名称: " id="rmc"/>
采购数量:" id="rsl"/>
采购日期:" id="rqi"/>
采购员:" id="rcg"/>
当然看到这个地方,还要有一个修改的按钮 需点击后触发事件
//这里面的值是通过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"; }
这样就可以实现修改按钮的功能了 点击修改之后有个弹出框,如图所示:
修改后点击保存,弹出框消失,内容保存就Ok了
什么是ajax
ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,可以通过在后台与服务器进行少量数据交换,使网页实现异步更新。
以上是“ajax如何实现修改功能”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
分享标题:ajax如何实现修改功能
分享网址:http://scyanting.com/article/ijspgg.html