ajax实现修改功能

这段时间在做项目，发现自己忘得好快呀，幸亏有博客园帮我记着呢，整理博客园简直不要太重要了哦

因为做的是一个内部管理系统，只用了一个主页面，所有的都不允许整个网页刷新，所以我们只能用创建交互式、快速动态网页应用的网页开发技术

来做，当然刚开始做也走了很多的弯路，最终还是做出来了这点还是比较欣慰的

今天要整理一下创建交互式、快速动态网页应用的网页开发技术实现修改功能这里的注册登录也不写了，主要是写一下修改的大体代码，方便以后

用的时候查找

样式我用的是自举，一开始要引入三个文件，这里就不多说了，下面是页面所要显示的样式

div class=' modal fade ' id=' mymodal L2 ' tabindex='-1 ' role=' dialog ' aria-labelledby=' myModalLabel ' aria-hidden=' true ' div class=' modal-dialog ' div class=' modal-content ' div class=' modal-header ' button type=' button ' class=' close ' data-misse=' modal ' aria-hidden=' true '/button H4 class=' modal-title ' id=' myModalLabel '修改/h4 /div div class='modal-body '？php $sql='从qxcg中选择* ';$ arr=$ db-Query($ SQL)；foreach($arr as $v) { $sqn='从qxypmx中选择qxmc，其中qxdh=' { $ v[1]} '；$ att=$ db-Query($ sqn)；$squ='从登录名中选择uid，其中num=' { $ v[4]} '；$ ann=$ db-Query($ squ)；} ?器械名称：输入类型=“文本”值='?PHP echo $ att[0][0]；'id='rmc'/br/br采购数量：输入类型=“文本”值='?PHP echo $ v[2]；'id='rsl'/br/br/采购日期：输入类型=“文本”值='?PHP echo $ v[3]；'id='rqi'/br/br/采购员：输入类型=' text ' readonly=' readonly ' value='？PHP echo $ ann[0][0]；'id=' rcg '/div/div class=' modal-footer '按钮类型=' button ' class=' BTN BTN-默认' data-misse=' modal '关闭/button button type=' button ' class=' BTN BTN-primary ' id=' rcb TN '保存/button /div /div！- /.模态-内容- /div！- /.模态/div /div

当然看到这个地方，还要有一个修改的按钮需点击后触发事件

输入类型='按钮类='修改值='修改data-toggle=' modal ' data-target=' # my modal 2 ' ids 0=' { $ v[0]} ' ids 1=' { $ att[0][0]} ' ids 2=' { $ v[2]} ' ids 3=' { $ v[3]} ' ids 4=' { $ ann[0][0]} '//这里面的值是通过服务器端编程语言(专业超文本预处理器的缩写)代码求出来的，这里就不多说了下面是创建交互式、快速动态网页应用的网页开发技术部分了为了方便，我把修改写成了一个方法，用到的时候直接调用就可以了

函数xiu Gai(){ var id=' '；//首先定义为空var RM C1=var RS L1=var rq i1=var rcg 1=$('。秀才')。单击(函数(){ //给修改按钮一个点击事件ids=$(这个)。attr(' ids 0 ')；rmc1=$(这个)。attr(' ids 1 ')；//把之前有的值取出来，赋值给表单的val rsl1=$(this).attr(' ids 2 ')；rqi1=$(这个)。attr(' ids 3 ')；rcg1=$(这个)。attr(' id S4 ')；$('#rmc ').瓦尔(RM C1)；$('#rsl ').val(RSL 1)；$('#rqi ').val(rq i1)；$('#rcg ').瓦尔(G1区域委员会)；$('#rcbtn ').单击(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 3360 function(xx){//alert(xx)；if(xx.trim()=='OK') { alert('修改成功');load()；} } }) $('#myModal2 ').modal(' hide ')})})；}?PHP $ ids=$ _ POST[' ids ']；$ RMC=$ _ POST[' RMC ']；$ cgsl=$ _ POST[' RSL ']；$ cgrq=$ _ POST[' rqi ']；包括(' DBDA。上课。PHP’)；$ db=新DBDA()；$sql1='从qxypmx中选择qxdh，其中qxmc=' { $ RMC } $ arr=$ db-Query($ SQL 1)；$ SQL=' update qxcg set qxdh=' { $ arr[0][0]} '，cgsl='{$cgsl} '，cgrq='{$cgrq} '，其中ids=' { $ ids }if($db-Query($sql，0)){ echo ' ok '；} else { echo 'NO}这样就可以实现修改按钮的功能了点击修改之后有个弹出框，如图所示：

修改后点击保存，弹出框消失，内容保存并确定

以上就是本文的全部内容。希望本文的内容能给大家的学习或工作带来一些帮助，也希望多多支持我们！