AngularJS utilise webApi pour exporter des données

Cet article partage principalement avec vous AngularJS utilisant webApi pour exporter des exemples de code de données. J'espère que le code de cet article pourra aider tout le monde.

 /////导出功能
    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);
        }
    }

Recommandations associées :

Nginx résout l'instance de requête secondaire interdomaine WebApi

Laissez WebAPI renvoyer l'instance de données au format JSON Tutoriel

Partage de fichiers et d'images WebApi2, exemples de fonctions de téléchargement et de téléchargement

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!