调试Javascript XMLHTTPRequest以检索/显示JSON

时间:2018-08-14 12:13:18

标签: xmlhttprequest

这只是创建和显示网页的工作的第一步,目的是向我们介绍JS / HTML / CSS。

我在调试时遇到了麻烦,通常我会在任何我想知道发生了什么但没有让它输出任何有用信息的地方分散print / system.out调用。我想检索/打印出JSON数据,并对其进行进一步处理以将其显示在表中。

function getStaff() {
    const uri= 
    "http://redsox.uoa.auckland.ac.nz/ups/UniProxService.svc/people";

    const xhr = new XMLHttpRequest();
    xhr.open("GET", uri, true);
    xhr.onload = () => {
        const data = JSON.parse(xhr.responseText);
        showStaff(data.list);
    }
    xhr.send();

}

function showStaff(list) {
    alert(list);

}

<link rel="stylesheet" type="text/css" href="staff.css" />
<script src="staff.js"> </script>

    </head>
<body>
<script type = "text/javascript">
    getStaff();
</script>
    <h1>Our staff members </h1>

</body></html>

0 个答案:

没有答案