JS请求的几种方式

方式1：XMLHTTPRequest对象来发送请求：

<script>
        function myOnclick() {
            var xhr = new XMLHttpRequest();
            xhr.onloadend = function () {
                alert("code:" + xhr.status + ";text:" + xhr.responseText)
            };
            xhr.open("get", "http://localhost:8080/hello");
            xhr.send(null);
        }
    </script>

方式2：通过jquery的ajax方法来发送请求：

<script>
    $.ajax({
        url: "http://localhost:8080/hello",
        type: "get",
        success: function(data){
            console.log(data);
        }
    });
</script>

方式3：使用Promise来处理回调：

<script>
    function ajax(url){
        return new Promise(function (resolve, reject) {
            $.ajax({
                url: url,
                type: "get",
                success: function(data){
                    resolve(data);
                },
                error: function(error) {
                    reject(error);
                }
            });
        });
    }
 
    ajax("http://localhost:3000/data/1").then(function(data){
        console.log(data);
        return ajax("http://localhost:3000/data/2");
    }).then(function (data) {
        console.log(data);
        return ajax("http://localhost:3000/data/34");
    }).then(function(data){
        console.log(data);
    }).catch(function(err){
        console.log('err');
    }).finally(function(){
        console.log('我一定会执行');
    });
</script>

参考：总结下常见的几种js请求方式 - 微微伊笑 - 博客园