Ajax删除数据和查看数据操作

1.数据库查找表：

颜色表

2.主页

主页的代码使用tbody；

TBODY的功能是：

它可以控制表分支下载，从而提高下载速度。

(网页在表单所有内容下载完成后显示，分支机构下载时可以先显示部分内容，这样会减少用户的等待时间。

使用TBODY的目的是，在解析整个表之后，这些包含的代码不需要一起显示。也就是说，如果有多行，如果得到一个TBODY行，可以先显示一行。

body是HTML的文本BODY，一个只有一个BODY的HTML文件，而TABLE中可以有多个t BODY。

TBODY可以控制表分支下载，在表内容很大的时候更实用。添加需要分支下载的地方。

例如：

以下是引用的内容：标题1标题2先显示后显示然后显示脚注1脚注2

注意：

*1.TBODY元素不会在浏览器中呈现

*2.在不同行之间合并单元格时，不要在每个单元格所在的行中添加TBODY标签。

提示：包含在TBODY元素中的有效标签是TD，th，TR。特别建议这个例子中的代码在运行时不会有效，因为表中的内容很少。

只有数据量大，嵌套表多，才能看到效果。

主页代码：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8/title无标题文档/title脚本src=' http : jquery-1 . 11 . 2 . min . js '/script/headsdyh1显示数据/H1表格宽度=' 100% '边框=' 1 '单元格填充=' 0 '单元格间距=' 0' tr TD代码/td TD TD名称/TD操作/TD/tr t body id=' TD '/t body/表格/正文/Htmlscript $。Ajax ({URL :' jiazai.php '，//显示所有数据不写DataDataType :' text '，Success 3360 Function(数据){ })；/脚本图：

回调函数为空，稍后会回来写；

接下来是加载页面：

显示：遍历数组并显示表的内容，具体为：

？phpinclude(' db . class . PHP ')；$db=新db()；$sql=“从最小值中选择*”；$ arr=$ db-Query($ SQL)；//traverse $ str=' '；foreach($ arr as $v){ $ str=$ str . inter decd('-'，$ v)。'|';//使用-拼写$v，拼写为1-红2-蓝，用|，拼写为1-红|2-蓝| } echo $ str让我们看看输出是什么：

后面有一条垂直线。转到垂直线：

$str=substr($str，0，strlen($ str)-1)；//截取字符串：从0开始截取其长度-1//strlen得到字符串长度，然后看：

现在让我们编写回调函数：

脚本$。ajax ({url:' jiazai.php '，//显示所有数据而不写入datatype :' text '，success3360函数(data){ var str=' '；var hang=data . split(' | ')；//为(var i=0)拆分拆分字符串；ihang.lengthI) {//逐行循环取；分栏；var lie=hang[i]。拆分('-')；str=str ' trtd ' lie[0]'/tdtd ' lie[1]'/tdtd operation/TD/tr '；} $('#td ')。html(字符串)；//查找td并抛出html代码in } })；/script阅读完页面：

3.然后你可以写和删除：

在最后一个单元格中添加删除按钮，并传递一个主键值：

/tdtd ' '输入类型=' button ' id=' lie[0]' ' class=' sc ' value=' delete '/'//ids存储主键值'/TD/tr '；

向删除按钮添加一个事件，并调用Ajax方法：

**

异步和同步的区别：

同步需要等待返回结果继续，而异步不需要等待。通常，它需要监听异步结果

同步是一条直线上的队列，异步在队列中不会自行其是

**

//给删除按钮加上事件$('.sc ').单击(function(){ var ids=$(this)).attr(' id ')；$.ajax({ url:'shanchu.php '，data:{ids:ids}，dataType:'TEXT '，type:'POST '，success : function(d){ })})；})回调函数等等回来写；

继续删除处理页面：

？phpinclude(' db。上课。PHP’)；$db=新db()；$ ids=$ _ POST[' ids ']；$sql='从最小WHERE ids=' { $ ids } '中删除；if($db -Query($sql，0)){ echo ' ok '；} else { echo ' no}这样来看：

点击删除，删掉以后不刷新页面，

若是让他自动加载数据，需要把加载数据的代码封装成一个方法，删除的时候调用此方法；就哦可了

主页面代码：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8'/title无标题文档/title脚本src=' http : jquery-1。11 .2 .量滴js '/脚本/标题dyh 1显示数据/h1表格宽度='100% '边框='1 '单元格填充='0 '单元格间距='0' tr td代号运输署/运输署名称运输署/运输署操作/TD/tr t正文id=' TD '/t正文/表格/正文/html脚本/调用负荷方法load()；//把加载数据封装成一个方法函数load() { $ .ajax({ url: 'jiazai.php '，//显示所有的数据不用写数据类型： '文本'，成功：函数（数据){ var str=var hang=data。拆分(' | ')；//拆分拆分字符串for(var I=0；我挂。长度；i ) { //通过循环取到每一行；拆分出列；var lie=hang[i].拆分('-');str=str ' trtd ' lie[0]'/tdtd ' lie[1]'/tdtd ' '输入类型=' button ' id=' lie[0]' ' class=' sc ' value='删除/'//id里面存上主键值/TD/tr '；} $('#td ').html(字符串);//找到任务描述把超文本标记语言代码扔进去//给删除按钮加上事件$('.sc ').单击(function () { var ids=$(this)).attr(' id ')；$.ajax({ url: 'shanchu.php '，data: { ids: ids }，dataType: 'TEXT '，type: 'POST '，success:函数(d){ if(d . trim()=' ok '){ alert('删除成功');//调用加载数据的方法load()；} else { alert('删除失败');} } });}) } });}/脚本删除页面代码：

？phpinclude(' db。上课。PHP’)；$db=新db()；$ ids=$ _ POST[' ids ']；$sql='从最小WHERE ids=' { $ ids } '中删除；if($db -Query($sql，0)){ echo ' ok '；} else { echo ' no}以上所述是小编给大家介绍的埃阿斯删除数据与查看数据操作，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！