解决重复发送AJAX请求问题

这个问题发生的场景之一：用户连续点击发送按钮，这个按钮用于发送多条相同的ajax请求，导致服务器处理数据的负担太大，所以需要解决这个问题

解决方案思路：无论用户重复发送多少次请求，都把上一次未完成的请求取消，相同请求只发送一次

以下是代码示范：

html:

<button>点击发送</button>

 JS:

 <script>
        var btn = document.getElementsByTagName("button")[0]
        var xhr = null

        //创建变量标识是否在发送AJAX请求
        var isSending = false //默认点击按钮之前没有发送请求

        btn.onclick = function(){
            //判断：点击按钮，如果正在发送请求，就取消该请求
            if(isSending){
                xhr.abort()          
            }
            xhr = new XMLHttpRequest()
            //创建对象表示正在发送请求
            isSending = true
            xhr.open('GET' , 'http://127.0.0.1:8000/delay')
            xhr.send()
            xhr.onreadystatechange = function(){