收藏
PHPz批改状态：合格
老师批语：
<!DOCTYPE html><html lang="zh-CN"><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>Document</title><style>table {border-collapse: collapse;text-align: center;}table caption {font-size: 20px;margin-bottom: 10px;}table td {border-bottom: thin solid #888;padding: 5px;}</style></head><body><button onclick="getUser()">点击发送测试</button><table><caption>fetch请求数据</caption><thead><tr><td>userIdd</td><td>id</td><td>title</td><td>completed</td></tr></thead></table><script>const table = document.querySelector('table')const tbody =table.createTBody()async function getUser() {let url = 'https://jsonplaceholder.typicode.com/todos/'const response = await fetch(url);const result = await response.json();result.forEach(result => {const tr = `<tr><td>${result.userId}</td><td>${result.id}</td><td>${result.title}</td><td>${result.completed}</td></tr>`tbody.insertAdjacentHTML("beforeend", tr)});}</script></body><html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
