通过一个完整的AJAX请求获取服务器数据

最新推荐文章于 2025-03-05 17:29:56 发布

蹭学源

最新推荐文章于 2025-03-05 17:29:56 发布

阅读量603

点赞数

文章标签： ajax 服务器 javascript

本文链接：https://blog.youkuaiyun.com/qq_42094745/article/details/122838515

版权

这段代码展示了如何使用jQuery的Ajax方法发起一个GET请求，从'slLoanHfWorkReportController.do?restructureWfWorkStatistics'获取JSON数据。在请求成功时，如果返回数据的total属性大于0，它会处理数据并存储在变量results中。同时，代码还定义了错误处理、请求成功后和完成后的回调函数，分别用于显示错误信息、打印日志和记录操作完成。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(function ($) {
    $.ajax({
        url: 'slLoanHfWorkReportController.do?restructureWfWorkStatistics',
        dataType: 'json',
        method: 'GET',
        success: function (data) {
            // 请求成功时要做的工作
            if (data.attributes.data.total > 0) {
                results = data.attributes.data.rows
            }
        },
        error: function (xhr) {
            // 导致出错的原因较多，以后再研究
            alert('error:' + JSON.stringify(xhr));
        }
    })
        .done(function (data) {
            // 请求成功后要做的工作
            console.log('success');
        })
        .fail(function () {
            // 请求失败后要做的工作
            console.log('error');
        })
        .always(function () {
            // 不管成功或失败都要做的工作
            console.log('complete');
        });

});