：哈哈： 2022-12-18 02:12 采纳率: 100%
浏览 120
已结题

关于#ajax#的问题：3.能创建JSON文件，利用Ajax方法访问JSON文件同时返回数据，将返回的数据添加到表格，要求表格表头和最后一列如下图所示

使用异步数据交互方式实现页面的局部更新；利用ajax函数链接到JSON数据文件，要求使用$.get()和$.ajax(),查看两者之间的区别，其中$.get()数据输出到控制台，$.ajax()数据输出到HTML页面。

3.能创建JSON文件，利用Ajax方法访问JSON文件同时返回数据，将返回的数据添加到表格，要求表格表头和最后一列如下图所示。

img

  • 写回答

5条回答 默认 最新

  • Code blocks 2022-12-18 11:24
    关注
    
<html>
    <head>
    <meta charset="utf-8">
    <title>加载json数据</title>
    <script type="text/javascript">
    function loadData() {
        var tbody=window.document.getElementById('tbody-result');

        var header="<tr>"+
                   "<th>姓名</th>"+
                   "<th>年龄</th>"+
                   "<th>操作</th>"+
                   "</tr>";
        tbody.innerHTML=header;
        $.ajax({
            url: "student.json",
            type: "GET",
            dataType: "json", 
            success: function(data) {
            var students=""
            rows=data.data;
            for(i in rows){
                students+="<tr><td>"+rows[i].name+"</td>"+
                              "<td>"+rows[i].age+"</td>"+
                              "<td><a href=''>修改</a><a href=''>删除</a></td></tr>";
            }
            tbody.innerHTML=(header+students)
        }
    })
    }
    </script>
    <link rel="stylesheet" type="text/css" href="./css/index.css">
    <script src="https://cdn.staticfile.org/jquery/1.11.3/jquery.min.js"></script>
    </head>
    <body onload="loadData()" >
            <table border="1" id="tbody-result">
            </table>
    </body>
</html>

    json文件

    {"data":[
    {
    "name":"张三",
    "age":"18"
    },
    {
      "name":"王五",
      "age":"15"
    }
   ]
}

    交上就行了,测试通过了

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题？

问题事件

  • 系统已结题 12月26日
  • 已采纳回答 12月18日
  • 赞助了问题酬金15元 12月18日
  • 请提交代码 12月18日
  • 展开全部

悬赏问题

  • ¥15 这种微信登录授权 谁可以做啊
  • ¥15 请问我该如何添加自己的数据去运行蚁群算法代码
  • ¥20 用HslCommunication 连接欧姆龙 plc有时会连接失败。报异常为“未知错误”
  • ¥15 网络设备配置与管理这个该怎么弄
  • ¥20 机器学习能否像多层线性模型一样处理嵌套数据
  • ¥20 西门子S7-Graph,S7-300，梯形图
  • ¥50 用易语言http 访问不了网页
  • ¥50 safari浏览器fetch提交数据后数据丢失问题
  • ¥15 matlab不知道怎么改，求解答！！
  • ¥15 永磁直线电机的电流环pi调不出来