Ajax之追加到表格

最新推荐文章于 2021-08-06 14:31:33 发布

艾夏又更新了

最新推荐文章于 2021-08-06 14:31:33 发布

阅读量1.6k

点赞数

分类专栏： Ajax 文章标签： ajax

本文为艾夏SEO博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/I_intern/article/details/53575751

版权

本文介绍了如何使用Ajax技术动态地将数据追加到HTML表格中，通过一个具体的例子展示了从2.json文件获取数据并展示的过程。

摘要由CSDN通过智能技术生成

追加到表格.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
    <title>Document</title>
    </head>
    <body>
        <table width="500" border="1">
            <tr>
                <th>姓名
               <th>年龄
               <th>性别
           </tr>
        </table>
    <button>点击
    <script src="ajax3.0-min.js">
    <script>
    // 需求：当点击button按钮的时候，获取服务器的数据，并追击到table表格中
    // 1.获取table表格
        var table = document.getElementsByTagName('table')[0];
        var btn = document.getElementsByTagName('button')[0];
    // 2.点击事件
        btn.onclick = function() {
        // ajax获取数据:是一个对象，需要在Ajax()函数传递"JSON"的参数，约束了msg是对象类型的数据
        Ajax('JSON').get('2.json', function(msg

最低0.47元/天解锁文章

艾夏又更新了

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Ajax之追加到表格

追加到表格.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <table width="500" border="1"> <tr>
复制链接

扫一扫

专栏目录