分类导航

程序问答发布时间：2022-06-01 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了使用 Ajax 从外部 API 和本地 Excel 电子表格中获取数据，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决使用 Ajax 从外部 API 和本地 Excel 电子表格中获取数据？

开发过程中遇到使用 Ajax 从外部 API 和本地 Excel 电子表格中获取数据的问题如何解决？下面主要结合日常开发的经验，给出你关于使用 Ajax 从外部 API 和本地 Excel 电子表格中获取数据的解决方法建议，希望对你解决使用 Ajax 从外部 API 和本地 Excel 电子表格中获取数据有所启发或帮助；

有人请看看我下面的代码，我正在尝试使用 @R_403_6815@ 从外部 API 获取数据。我的问题是：

我在控制台中收到一条错误消息，显示 Uncaught Syntax error: Unexpected IDentifIEr 在第 27 行 document.getElementByID('button')addEventListener('click',loadUsers);。如果我在浏览器中运行此代码，则会得到一个空白页面。
有人还可以指导我如何使用 JavaScript（或其任何库）转换此代码以从本地 excel 电子表格中获取数据，如果我的 excel 表格有两个字段，即name和ID，用户只需要输入一个匹配的ID，然后我的name和ID会显示在页面的某个地方。您的努力将不胜感激。

<!DOCTYPE HTML>
<HTML lang="en">
<head>
    <Meta charset="UTF-8">
    <Meta name="vIEwport content="wIDth=device-wIDth,initial-scale=1.0">
    <Meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title> Using @R_403_6815@ 3 to fetch data from an External API</title>
    <style>
        .user{
            display: flex;
            BACkground:#f4f4f4;
            padding:10px;
            margin-bottom:10px;
        }
        
        .user ul{
            List-style: none;
    </style>
</head>
<body>
<button ID="button"> Load Github Users</button>
<br /> <br/>
<h1>Github Users</h1>
<div ID="users"></div>

<script>
document.getElementByID('button')addEventListener('click',loadUsers);

//Load Github users

function loadUsers(){
    var xhr = new XMLhttprequest();
    xhr.open('GET','https://API.github.com/users',truE);
    
    xhr.onload = function(){
        if(this.status == 200){
            var users =JsON.parse(this.responseText);
            console.log(users);
            var  output = ' ';
            for(var i in users){
                output +=
                '<Dic 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;
        }
    }
</script>
</body>
</HTML>