Ajax 加载数据练习自我有些迷糊了，写的大概请谅解 ^ _ ^

查询表的显示，查询显示如果不嵌入PHP代码的话，用ajax怎么实现？

<h1>显示数据</h1>

<table width="100%" border="1" cellpadding="0" cellspacing="0">

    <tr>

        <td>代号</td>

        <td>姓名</td>

        <td>性别</td>

        <td>民族</td>

        <td>生日</td>

        <td>操作</td>

    </tr>

    <tbody id="bg">

    </tbody>

</table>

</body>

<script type="text/javascript">

$(document).ready(function(e) {

     jiazai();

});

//加载数据的方法

function jiazai()

{

    //异步

    $.ajax({

            url:"jiazai.php",

            dataType:"TEXT",

            success: function(data){

                    var hang = data.split("|");

                    var str = "";

                    for(var i=0;i<hang.length;i++)

                    {

                        var lie = hang[i].split("^");

                        str += "<tr><td>"+lie[0]+"</td><td>"+lie[1]+"</td><td>"+lie[2]+"</td><td>"+lie[3]+"</td><td>"+lie[4]+"</td><td><input type='button' value='删除' class='shanchu' code='"+lie[0]+"' /></td></tr>";

                    }

                    $("#bg").html(str);

                    $(".shanchu").click(function(){

                        var code = $(this).attr("code");

                        $.ajax({

                            url:"shanchu.php",

                            data:{c:code},

                            type:"POST",

                            dataType:"TEXT",

                            success: function(d){

                                    if(d.trim()=="OK")

                                    {

                                        //重新加载

                                        jiazai();

                                    }

                                    else

                                    {

                                        alert("删除失败");

                                    }

                                }

                            });

                    })

                }

        });

}

</script>

再做个处理页面

<?php

include("DBDA.class.php");

$db = new DBDA();

$sql = "select * from info";

echo $db->StrQuery($sql);

再做个删除

<?php

include("DBDA.class.php");

$db = new DBDA();

$code = $_POST["c"];

$sql = "delete from info where code='{$code}'";

if($db->Query($sql,0))

{

    echo "OK";

}

else

{

    echo "NO";

}

主要学了ajax的封装方法，方法就叫做加载数据，当要求页面不刷新的时候，就用这个方法就可以

页面加载数据完成后，要调一遍

删除完之后需要再加载一遍，要在调一遍

Ajax 默认是异步的

异步就是 ajax去调处理页面，处理数据的时候，代码继续往下走

随机推荐

如何一步一步用DDD设计一个电商网站（五）—— 停下脚步，重新出发
阅读目录前言单元测试纠正错误,重新出发结语一.前言实际编码已经写了2篇了,在这过程中非常感谢有听到观点不同的声音,借着这个契机,今天这篇就把大家提出的建议一个个的过一遍,重新整理,重新出发 ...
VisualVM通过jstatd方式远程监控远程主机
配置好权限文件 [root@test bin]# cd $JAVA_HOME/bin [root@test bin]# vim jstatd.all.policy grant codebase &qu ...
React 入门教程
React 起源于Facebook内部项目,是一个用来构建用户界面的 javascript 库,相当于MVC架构中的V层框架,与市面上其他框架不同的是,React 把每一个组件当成了一个状态机,组件内 ...
C#+HtmlAgilityPack+XPath带你采集数据(以采集天气数据为例子)
第一次接触HtmlAgilityPack是在5年前,一些意外,让我从技术部门临时调到销售部门,负责建立一些流程和寻找潜在客户,最后在阿里巴巴找到了很多客户信息,非常全面,刚开始是手动复制到Excel, ...
[C#] C# 知识回顾 - 学会使用异常
学会使用异常在 C# 中,程序中在运行时出现的错误,会不断在程序中进行传播,这种机制称为“异常”. 异常通常由错误的代码引发,并由能够更正错误的代码进行 catch. 异常可由 .NET 的 CLR ...
MySQL 系列（四）主从复制、备份恢复方案生产环境实战
第一篇:MySQL 系列(一) 生产标准线上环境安装配置案例及棘手问题解决第二篇:MySQL 系列(二) 你不知道的数据库操作第三篇:MySQL 系列(三)你不知道的视图.触发器.存储过程.函数 ...
so 问题来了，你现在值多少钱？
年底了一大帮人都写着年底总结,总结一年做过的事.错过的事和做错的事.增长了多少本事,找没找到女朋友……来年做好升职加薪,要么做跳槽的准备,程序猿又开始浮躁了……. so 问题来了,你现在值多少钱? 这 ...
ASP.NET Core 中文文档第四章 MVC（3.7 ）局部视图（partial）
原文:Partial Views 作者:Steve Smith 翻译:张海龙(jiechen).刘怡(AlexLEWIS) 校对:许登洋(Seay).何镇汐.魏美娟(初见) ASP.NET Core ...
WPF 捕获键盘输入事件
最近修改的一个需求要求捕获键盘输入的 Text,包括各种标点符号. 最开始想到的是 PreviewKeyDown 或者 PreviewKeyUp 这样的键盘事件. 但是这两个事件的对象 KeyEven ...
【C#公共帮助类】 ToolsHelper帮助类
这个帮助类,目前我们只用到了两个,我就先更新这两个,后面有用到的,我会继续更新这个Helper帮助类在Tools.cs中有很多方法跟Utils里是重复的,而且Utils里的方法更加新一点,大家可 ...

Ajax 加载数据 练习 自我有些迷糊了，写的大概请谅解 ^ _ ^

随机推荐

Ajax 加载数据练习自我有些迷糊了，写的大概请谅解 ^ _ ^