AngularJS通用$http.post函数无法返回数据问题求助

你遇到的核心问题是异步操作的处理逻辑有误——$http请求是异步执行的，你原来的Http_Common函数里，post.success回调中的return并不会把数据返回到函数调用的位置，因为函数本身在服务器响应返回前就已经执行完毕了，所以var data = Http_Common(...)拿到的只会是undefined。

问题根源拆解 #

原来的函数没有返回任何异步操作的引用，post.success是一个延迟执行的回调函数，它的触发时机是服务器响应到达之后，这时候Http_Common函数早就执行结束了，所以内部的return无法将数据传递到外部调用者。

解决方案：让通用函数返回Promise #

AngularJS的$http本身就返回一个Promise对象，我们可以直接返回这个Promise，并在链式调用中统一处理响应数据，这样调用者就能通过then方法拿到异步返回的结果。

修正后的通用函数 #

function Http_Common(url, prcName, paramstr ) {
    // 直接返回$http请求的Promise实例
    return $http({
        method: "POST",
        url: url,
        dataType: 'json',
        data: { procedureName: prcName, paramstr: paramstr },
        headers: { "Content-Type": "application/json" }
    })
    .then(function(response) {
        // 统一解析服务器返回的数据，将结果传递给后续调用
        return $.parseJSON(response.data.d);
    }, function(error) {
        // 统一处理请求错误，可添加全局错误提示、日志等逻辑
        console.error('HTTP请求失败:', error);
        // 抛出错误，让调用者也能捕获并处理
        throw error;
    });
}

正确的调用方式 #

因为返回的是Promise，所以需要用then来接收异步返回的数据，替代原来的同步赋值逻辑：

// 调用通用函数，通过then链式处理返回结果
Http_Common('Login.aspx/GetRowData_Tables', 'Dbsp_GET', 1)
    .then(function(data) {
        // 这里拿到解析后的数据源，可绑定到$scope或初始化组件
        $scope.gridData = data;
        
        // 初始化JQX Grid（和你原有逻辑一致）
        var datafields = new Array();
        var source = {
            datatype: "json",
            datafields: datafields,
            localdata: data
        };
        var adapter = new $.jqx.dataAdapter(source);
        $("#jqxgrid").jqxGrid({
            width: '98%',
            height: '450px',
            source: adapter,
            filterable: true,
            sortable: true,
            theme: 'energyblue',
            pageable: true,
            columnsresize: true,
            pagesizeoptions: ['5', '10', '15', '20', '100'],
            pagesize: 15,
            pagermode: 'default',
            enabletooltips: true,
            columns: get_cols(data)
        });
    })
    .catch(function(error) {
        // 处理请求错误，比如弹出提示框
        $window.alert(error.Message);
    });

额外优化建议 #

1. 优先使用then和catch替代旧的success和error回调——这是AngularJS推荐的Promise链式调用规范，更符合现代异步编程逻辑。
2. 如果需要在多个控制器中复用这个函数，建议把它封装成AngularJS的Service，通过依赖注入的方式使用，能大幅提升代码的可维护性和复用性。
3. 通用函数中的错误处理可以根据业务需求扩展，比如添加全局错误提示组件、错误日志上报等，避免在每个调用点重复编写相同逻辑。

内容的提问来源于stack exchange，提问作者ethiraj