58 lines
1.2 KiB
HTML
58 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>ajax案例</title>
|
|
<script src="./ajax.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<ul>
|
|
<li>
|
|
<a href=""></a>
|
|
</li>
|
|
</ul>
|
|
|
|
</body>
|
|
|
|
<script>
|
|
// 系统级错误
|
|
// 应用级错误
|
|
function GetHomeData() {
|
|
ajax({
|
|
url: 'http://192.168.0.109:3000/api/json/index',
|
|
data: {},
|
|
methods: 'GET',
|
|
async: true,
|
|
success: function (res) {
|
|
console.log(res);
|
|
Newest(res.newest)
|
|
},
|
|
error: function (err) {
|
|
console.log(err);
|
|
}
|
|
})
|
|
}
|
|
|
|
function Newest(data) {
|
|
var ul = document.querySelector("ul")
|
|
data.list.forEach((v,i) => {
|
|
ul.innerHTML += `
|
|
<li>
|
|
<a href="./info.html?id=${v.id}">
|
|
<img src="${v.preview}"/>
|
|
<p>${v.title}</p>
|
|
</a>
|
|
</li>
|
|
`
|
|
});
|
|
}
|
|
|
|
|
|
GetHomeData()
|
|
</script>
|
|
|
|
</html> |