AngularJS は webApi を使用してデータをエクスポートします

この記事では主に、webApi を使用してデータをエクスポートする AngularJS のコード例を紹介します。この記事のコードが皆さんのお役に立てれば幸いです。

 /////导出功能
    self.importExcel = function () {
        var dataUrl = "http://103.233.7.38:8090/API/_oa/ProjectInfo.asmx/Export";
        $http({
            method: 'post',
            url: dataUrl,
            data: { },
            transformRequest: function (data) {
                return $.param(data);
            },
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded'
            },
            responseType: 'arraybuffer'
        }).success(function (data) {
            var blob = new Blob([data], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });
            var da = new Date();
            var fileName = "数据导出" + da.getFullYear() + '-' + (da.getMonth() + 1) + "-" + da.getDate();
            self.saveas(blob, fileName);
        });
    };
    self.saveas = function (blob, fileName) {
        if (window.navigator.msSaveOrOpenBlob) { // For IE:
            navigator.msSaveBlob(blob, fileName+".xlsx");
        } else { // For other browsers:
            var link = document.createElement('a');
            link.href = window.URL.createObjectURL(blob);
            link.download = fileName + ".xlsx";
            link.click();
            window.URL.revokeObjectURL(link.href);
        }
    }

関連する推奨事項:

Nginx が WebApi のクロスドメイン セカンダリ リクエスト インスタンスを解決する

WebAPI が JSON 形式でデータを返せるようにするチュートリアル

WebApi2 ファイルと画像のアップロードとダウンロード関数の例を共有する

以上がAngularJS は webApi を使用してデータをエクスポートしますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。