<h2>需求：当鼠标移动到div上的时候，向服务器发送请求，然后把服务器返回的结果显示到div上</h2>
<div class="result"></div>
<script>
    const result = document.querySelector('.result');
    result.addEventListener('mouseover',function() {
        // 1. 创建xhr对象
        const xhr = new XMLHttpRequest();

        // 2. 初始化，设置请求方式和URL
        xhr.open('POST',"http://localhost:8000/server");

        // 3. 发送
        xhr.send();

        // 4. 事件绑定，处理服务器返回的结果
        xhr.onreadystatechange = function() {
            if(xhr.readyState === 4) {
                if(xhr.status >= 200 && xhr.status < 300) {
                    result.innerHTML = xhr.response;
                }
            }
        }
    });