jq-ajax封装

引入线上jquery:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

html:

<button>点击获取数据</button>

Javascript:

 // jq-ajax封装
        function Http1({
            url,
            method = 'get',
            data = {}
        }) {
            return new Promise((resolve) => {
                $.ajax({
                    url,
                    method,
                    data,
                    success(res) {
                        resolve(res);
                    }
                });
            })
        }

案例:

// 案例
        $('button').click(async () => {
            let a = await Http1({
                url: 'http://localhost:3000/index/banner'
            });
            console.log(a);
        });