>  기사  >  웹 프론트엔드  >  AngularJS는 webApi를 사용하여 데이터를 내보냅니다.

AngularJS는 webApi를 사용하여 데이터를 내보냅니다.

小云云
小云云원래의
2018-03-07 13:08:522045검색

이 기사에서는 주로 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.