ajax实现页面加载和内容删除

ajax最大的优点是在加载和删除时不会跳转到页面。如今，大多数网页都是用ajax编写的，与嵌入PHP代码相比，减少了代码量。同时，它会更快地加载页面。下面是以ajax为例编写在数据库水果表中的加载页面以及水果的删除。一开始，用ajax编写可能还是比较手动的，所以就练习一下吧。

这是水果桌：

下面是主页的代码，首先构建一个php文件main.php

Bodyh2内容加载/H2表格单元格填充=' 0 '单元格间距=' 0 '边框=' 1 '宽度=' 100% ' tr t水果名称/TD t水果价格/TD t水果产地/TD t操作/TD/tr t Body id=' TB '/t Body/table/Body我选择在页面上只显示水果表格中的水果名称、价格和产地三列。接下来，我们将编写加载的处理页面，并构建一个php文件，jiazaiym.php

？phpinclude(' DADB . class . PHP ')；$ db=new DADB()；$sql='从水果中选择* '；$ arr=$ db-Query($ SQL)；$ str=foreach($ arr as $ v){ $str=$str.implode('^',$v).'|';//每行用“|”连接，这样会多一个“|”} $ str=substr($ str，0，strlen($ str)-1)；//通过截取字符串从最后一个多余的“|”中删除echo $ str？加载页面代码后，您可以正式编写ajax，它将在main.php编写。

脚本类型='text/javascript' $。Ajax({ URL : ' jiaziaim . PHP '，dataType:'TEXT '，success : function(data){ var str=' '；var hang=data . split(' | ')；for(var I=0；ihang.lengthi ) { var lie=hang[i]。split('^')；str=str ' trtd ' lie[1]'/tdtd ' lie[2]'/tdtd ' lie[3]'/tdtdtdinputtype=' button ' ids=' lie[0]' ' class=' sc ' value=' delete '//TD/tr ' }。} })/脚本注意：编写ajax时，要特别注意分号和逗号。我总是把逗号写成分号，但是我不能输出它们。再次检查代码后，发现逗号写错了，这是一件非常麻烦的事情。

写完加载页后，我们应该开始写删除页了。创建一个php文件shanchu.php非常简单，这类似于直接嵌入php。

？PHP $ ids=$ _ POST[' ids ']；include(' DADB . class . PHP ')；$ db=new DADB()；$sql='从水果中删除，其中id={ $ id } '；if($db-Query($sql，0)){ echo ' ok '；} else { echo 'flase}接下来，当我想重写一个ajax的时候，会发现写完之后就不会运行了，因为加载页面的时候无法识别删除中的类，所以需要把删除放入加载的ajax中，并把加载打包成一个方法，这样删除的时候就可以调用了。

脚本类型=' text/JavaScript ' Load()；函数Load() { $。Ajax({ URL : ' jiaziaim . PHP '，dataType: 'TEXT '，success:函数(data){ var str=' '；var hang=data . split(' | ')；for(var I=0；我挂。长度；i ) { var lie=hang[i]。split('^')；str=str ' trtd ' lie[1]'/tdtd ' lie[2]'/tdtd ' lie[3]'/tdtdtdinputtype=' button ' ids=' lie[0]' ' class=' sc ' value=' delete '//TD/tr ' }。//删除第$('页。sc ')。单击(function () {var ids=$ (this))。attr(' id ')；$ .ajax ({url:' shanchu.php '，data: {ids: ids}，type:' post '，datatype3360' text '，success 3360 function(aa){//go blank if(aa . trim()====)。load()；} else {alert('删除失败')；} } }))} } })}/脚本这样写是没有问题的。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。