开头先说,因为这是我用来做笔记的,所以有些思路呀什么可能没有很详细,有可能有一些逻辑不清,因为我主要是按照自己可能不太能理解的点写的一些提示。
效果:
向服务器发起的请求,如下:
代码:(前端html部分)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{
margin: 0;
padding: 0;
}
div{
margin: 10px;
width: 600px;
height: 300px;
background-color: #ecc;
}
img{
width: 180px;
height: 220px;
margin: 5px;
}
video{
width: 300px;
height: 250px;
}
</style>
</head>
<body>
<p>首页</p>
<button>点击发起请求,出现新闻</button>
<script>
let btn = document.querySelector('button');
btn.onclick = function () {
let xhr = new XMLHttpRequest();
xhr.open('GET', 'http://192.168.2.230:86/info');