数据加载中...请稍后（js一句代码）

最新推荐文章于 2022-06-05 14:04:05 发布

原创最新推荐文章于 2022-06-05 14:04:05 发布 · 6.9k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

js 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种在使用AJAX进行数据请求时显示加载进度提示的方法，通过在请求前后调用$.loading函数，实现用户体验的提升。示例代码展示了如何在获取城市和地区数据时应用这一技巧。

在查询的之前加一句：

$.loading(true, "数据加载中，请稍候...");

查询之后加一句：

$.loading(false, "数据加载中，请稍候...");

ajax: 案例:

    function GetForeSearch() {
        //获取参数
        var citys = $("#citys_id option:selected").val();
        var region = $("#region_id option:selected").val();

        $.loading(true, "数据加载中，请稍候...");
        $.ajax({
            type: "POST",
            data: {
                citys: citys,
                region: region
            },
            url: "GetYdSweet",
            dataType: "JSON",
            success: function (data) {
                $.loading(false, "数据加载中，请稍候...");
            }
        });
    }