AJAX 请求数据获取
💡
原文约600字/词,阅读约需2分钟。
📝
内容提要
文章介绍如何使用AJAX通过XMLHttpRequest从API获取数据。首先,创建fetchData()函数,并生成XMLHttpRequest对象。然后,用GET方法准备请求并指定API URL。请求成功且状态码为200时,解析JSON数据为JavaScript对象并在控制台显示。最后,使用xhr.send()发送请求。
🎯
关键要点
-
创建fetchData()函数以发送AJAX请求。
-
生成XMLHttpRequest对象以进行AJAX请求。
-
使用GET方法准备请求以从API获取数据。
-
当请求成功时,触发onload事件处理数据。
-
检查状态码是否为200以确认请求成功。
-
将JSON数据解析为JavaScript对象以便使用。
-
在控制台显示获取的数据以便调试。
-
使用xhr.send()发送请求到服务器。
🏷️
标签
➡️