| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Ajax发送请求</title>
- </head>
- <body>
- <table border="1" width="800" class="stu">
- <caption>学生成绩表</caption>
- <thead>
- <tr>
- <th>学号</th>
- <th>姓名</th>
- <th>性别</th>
- <th>年龄</th>
- <th>成绩</th>
- <th>住址</th>
- </tr>
- </thead>
- </table>
- </body>
- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
- <script>
- $.ajax({
- type: 'get',
- url: './data/data.json'
- }).done(function(students){
- for (var i in students) {
- console.log(students[i])
- var data = '<tr><td>' + students[i].id + '</td><td>' + students[i].name +
- '</td><td>' + students[i].sex + '</td><td>' + students[i].age +
- '</td><td>' + students[i].score.join(' ') + '</td><td>' + students[i].addr + '</td></tr>'
- $('.stu').prepend(data)
- }
- }).fail(function(err){
- if (err.status == 404) {
- location.href = '404.html'
- }
- })
- </script>
- </html>
|
