Ajax向数据库修改和添加功能（较简答)

修改和添加关于数据库的信息，可以用于任何的添加和修改这些数据库和前面的随笔数据库是一样的

一、显示出数据库中的信息

(1)显示的效果也可以是用引导程序的标签页显示（前面一定要引入自举)

ul id=' my TAb ' class=' nav-nav-TAb ' Li class=' active ' style=' font-size :30 px ' a href=' # home ' rel=' external no follow ' data-toggle=' TAb '饭面类/a/Li Li style=' font-size :30 px ' a href=' # IOs ' rel='外部无跟随'数据-切换='选项卡'特色小吃/a/Li Li class='下拉' style=' font-size :30 px ' a href=' # rel='外部无跟随' id=' MyTabdrop 1 ' class='下拉-切换' data-切换='下拉'酒水饮品b类='插入符号'/a ul类=“下拉菜单”角色=' menu ' aria-labelledby=' mytabdop 1 ' style=' font-size :25 px ' lia href=' # jmeter ' rel=' external no follow ' tabindex='-1 ' data-toggle=' tab '酒水/a/Li lia href=' # EJB ' rel='外部no follow ' tabindex='-1 '数据-切换=' tab '饮品/a/Li/ul/Li/ul

二、修改内容

(1)标题显示之后，就是每一个标题中的内容了，可以用创建交互式、快速动态网页应用的网页开发技术遍历

p id='mian' /p(2)进行数据库遍历

$.ajax({ url:'mianlei.php '，//编写处理页面数据类型： '文本'，成功：函数(d){ var hang=d . split(' | ')；//拆分字符"|"串：显示行var str=for(var I=0；ihang . lentigi){ var lie=hang[I].split('^')；//拆分字符串"^":显示列str=' input type=' button ' value=' lie[2]' ' class=' aa1 ' code=' lie[1]' ' data-toggle=' modal ' data-target=' # myModal '/'；} $(' # main ').html(字符串);//把遍历的内容写在上面的}}) (3)处理页面的编写如下

？DBDA。PHP’)；//调用封装好的数据库类$db=新DBDA()；$sql='从蔡丹选择*,其中fcode=(' 1101 ')'；//查询符合父级号的所有信息echo $ db-StrQuery($ SQL)；//输出结果(4)然后进行修改的内容可以用模态框

div class=' modal fade ' id=' myModal ' 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 class=' modal-body ' id=' content '！-这里是显示的修改的内容-/div class=' modal-footer '按钮类型='button' class='btn btn-default '数据-消除='模态'关闭/button button type=' button ' class=' BTN BTN-primary ' id=' tijiao '提交/button /div /div！- /.模态-内容- /div！- /.模态/div(5)修改的时候，里面要默认显示原来的名字和价格，所以要将前面遍历的代号传过来

$(.aa1 ').点击(函数(){ var code=$(this)).attr('代码');//找到密码值$.ajax({ url:'xiugaichuli.php '，//编写处理页面data:{c:code}，//将密码值传过去类型：“开机自检”，数据类型：“文本”，成功：函数(d){ var hang=d . split(' | ')；//拆分字符"|"串：显示行var str=for(var I=0；ihang . lentigi){ var lie=hang[I].split('^')；//拆分字符串"^":显示列str='div名称：输入类型=“文本”值='谎言[2]'代码=' lie[1]' ' class=' name '/div br/div价格：输入类型=“文本”值=' lie[0]' '代码=' lie[1]' ' class=' price '/div '；} $(“# content”).html(字符串);//写入模态框中的内容的位置} })})))(9501 . 163.com)

(6)单击提交按钮后写入数据库，并且这里也修改了，单击提交按钮进行修改

$('#tijiao ').单击(函数(){ var code=$(').名称')。attr('代码');//找到名称中的代号定义变量代码=$('。价格')。attr('代码');//找到价格的代号var name=$(' .名称')。val()；//找到名称的值var price=$(' .价格')。val()；//找到价格的值$.ajax({ url:'tjsk.php '，//处理页面的编写data:{n:name，p:price，c:code}，//将值传到处理页面类型：“开机自检”，数据类型：“文本”，成功：函数（数据){ ///处理页面成功后输出if(data.trim()=='ok') { alert('修改成功!');} } })})))(9502 . 163.com)

三、添加内容

(1)同上面的写一个弹框，里面有文本框

div id=' TIA Jia ' data-toggle=' modal ' data-target=' # 我的模式添加菜品/div class=' modal-content ' div class=' modal-header ' button type=' button ' class=' close ' data-dispose=' modal ' aria-hidden=' true '/button H4 class=' modal-title ' id=' myModalLabel '添加菜品/H4/div class=' modal-body ' id=' content ' div id=' name '名称：输入类型=' text ' id=' Ming '/div br/div id=' price '价格：输入类型=' text ' id=' Jia '/div/div class=' modal-footer '按钮类型=' button ' class=' BTN BTN-primary ' id=' tijiao 1 '提交/button/div/div

(2)填写信息后，单击提交按钮写入数据库

$('#tijiao1 ').单击(function(){ var n=$('#ming ')).val()；//找到名称文本框的值j=$('#jia ').val()；//找到价格文本框的值$.Ajax({ URL : ' tiajia。PHP '，//编写处理页面data:{n:n，j:j}，//将值传过去类型：“开机自检”，数据类型：“文本”，成功：函数(d){ if(d . trim()=' ok '){ alert('添加成功!');}窗口。位置。href=' xiugaicanpin。PHP ' rel='外部无跟随'；} }) }) (3)处理页面的编写

？PHP包含(' DBDA。PHP’)；$db=新DBDA()；$ n=$ _ POST[' n ']；//将传来的值接收$ j=$ _ POST[' j ']；$sql='从蔡丹选择最大值(代码),其中fcode=' 1101//查找这个父级代号的最大代号$ attr=$ db-Query($ SQL)；foreach($ attr as $ v){ $ c=$ v[0]1；//使最大值加1 $sqll='插入蔡丹值(“{$j}”、“{$c}”、“{$n}”、“1101”、“”、“”、“”)”；//写入数据库$db-Query($sqll，0)；echo ' ok}？(4)添加结束后看下结果

到此，结束了，简单的添加和修改的功能，后面还要增加删除功能~~

以上所述是小编给大家介绍的埃阿斯向数据库修改和添加功能（较简答),希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！