Ajax3
来源:互联网 发布:linux下压缩文件夹命令 编辑:程序博客网 时间:2024/05/22 16:06
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Ajax3-请求Github接口</title><style>.user{display: flex;background: #f4f4f4;padding: 10px;margin-bottom: 10px;}.user ul{list-style: none;}</style></head><body><button id="button">请求Github接口</button><br><br><h1>所有Github的用户信息</h1><div id="users"></div><script>document.getElementById('button').addEventListener('click',loadUsers);function loadUsers(){var xhr = new XMLHttpRequest();xhr.open("GET","https://api.github.com/users",true);xhr.onload = function(){var users = JSON.parse(this.responseText);// console.log(users);var output = '';for(var i in users){output += `<div class="user"><img src="${users[i].avatar_url}" width="70" height="70" /><ul><li>ID: ${users[i].id}</li><li>Login: ${users[i].login}</li></ul></div>`;}document.getElementById('users').innerHTML = output;}xhr.send();}</script></body></html>
阅读全文
0 0
- ajax3
- ajax3
- Ajax3
- asp.net Ajax3.5后台框架控件
- 初学ajax3----XML格式下原生ajax
- 掌握ajax3:Ajax 中的高级请求和响应
- 推薦.NET的技術BLOG--聖殿祭司的DONET和AJAX3/18
- VCSA 5.5升级至VCSA6.0
- Android 通过JNI C++进行MD5加密
- [RK3128][Android 6.0] u-blox GPS芯片 MAX-7Q调试记录
- Android笔记------自定义互动屏保
- iOS开发
- Ajax3
- 使用模拟CMD命令方式修改IP地址以及网关
- Android 在Coding中防止内存泄漏——LeakCanary
- Java Socket 技术介绍
- java线程详解
- Spring Boot如何使用Spring Security进行安全控制(十一)
- 火车购票
- 主动端
- java之yield(),sleep(),wait()区别详解