mirror of
https://github.com/axios/axios.git
synced 2026-04-13 02:51:56 +08:00
34 lines
1.3 KiB
HTML
34 lines
1.3 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>axios - get example</title>
|
|
<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"/>
|
|
</head>
|
|
<body class="container">
|
|
<h1>axios.get</h1>
|
|
<ul id="people" class="list-unstyled"></ul>
|
|
|
|
<script src="/axios.min.js"></script>
|
|
<script>
|
|
axios.get('/get/server')
|
|
.then(function (response) {
|
|
document.getElementById('people').innerHTML = response.data.map(function (person) {
|
|
return (
|
|
'<li class="row">' +
|
|
'<img src="https://avatars.githubusercontent.com/u/' + person.avatar + '?s=50" class="col-md-1"/>' +
|
|
'<div class="col-md-3">' +
|
|
'<strong>' + person.name + '</strong>' +
|
|
'<div>Github: <a href="https://github.com/' + person.github + '" target="_blank">' + person.github + '</a></div>' +
|
|
'<div>Twitter: <a href="https://twitter.com/' + person.twitter + '" target="_blank">' + person.twitter + '</a></div>' +
|
|
'</div>' +
|
|
'</li><br/>'
|
|
);
|
|
}).join('');
|
|
})
|
|
.catch(function (err) {
|
|
document.getElementById('people').innerHTML = '<li class="text-danger">' + err.message + '</li>';
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|