JavaScript - 封装ajax

181 阅读1分钟

封装ajax

  将ajax封装,不使用jQuery

    <script>
        let $ = {
            get(url, success) {
                this.ajax({
                    url,
                    success
                })
            },
            ajax({
                type,
                url,
                async,
                success
            }) {
                let ajax = new XMLHttpRequest();
                ajax.open(type || 'GET', url, async ||true);
                ajax.send();
                ajax.onreadystatechange = () => {
                    if (ajax.readyState === 4) {
                        if (ajax.status === 200) {
                            success(JSON.parse(ajax.response));
                        }
                    }
                }
            }
        }

        $.get("a.json", function (data) {
            console.log(data);
        })
    </script>