：哈哈： 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日
  • 展开全部

悬赏问题

  • ¥100 谁能在荣耀自带系统MagicOS版本下，隐藏手机桌面图标？
  • ¥15 求SC-LIWC词典！
  • ¥20 有关esp8266连接阿里云
  • ¥15 C# 调用Bartender打印机打印
  • ¥15 我这个代码哪里有问题 acm 平台上显示错误 90%，我自己运行好像没什么问题
  • ¥50 C#编程中使用printDocument类实现文字排版打印问题
  • ¥15 找会编程的帅哥美女 可以用MATLAB里面的simulink编程，用Keil5编也可以。
  • ¥15 已知隐函数其中一个变量τ的具体值，求另一个变量
  • ¥15 r语言Hurst指数
  • ¥15 RT-Thread Studio编译问题