Почему не скачивается файл?

Question

[Artem Kirsov]

Доброго времени суток!
При использовании библиотеки PHPExcel, выдает ошибку при выдаче файла браузеру на скачивание. Но на сервере сохраняется. С фронтенда по нажатию кнопки всё это дело запускается. Делаю на локальном сервере.

$objWriter = new PHPExcel_Writer_Excel2007($xls);
    $objWriter->save(__DIR__ . '/receipt_' . date('d_m_Y__H_i') . '_' . generateHash() . '.xlsx');

    header("Expires: Mon, 1 Apr 1974 05:00:00 GMT");
    header("Last-Modified: " . gmdate("D,d M YH:i:s") . " GMT");
    header("Cache-Control: no-cache, must-revalidate");
    header("Pragma: no-cache");
    header("Content-type: application/vnd.ms-excel" );
    header("Content-Disposition: attachment; filename=receipt.xlsx");

    $objWriter->save('php://output');

Ошибка при посылке Ajax запроса.

Comments

[Денис Юрьев]

у вас ошибка в js, а не в php

[Модератор]

Скажите, заголовок и теги писал человек, который текст вопроса в глаза не видел? Почему там написаны прямо противоположные вещи?

[toxa82]

Судя по ошибке, джаваскрипт ожидает json, а вы возвращаете файл.

[Александр]

toxa82 правильно написал, у вас скрипт падает на методе JSON.parse. Вы как к фалу обращаетесь из js?

Answer 1

[zkrvndm]

Artem Kirsov, делайте так. Все ваши параметры засуньте в FormData и уже его отправляйте:

async function getFile() {
	
	var formData = new FormData();
	formData.append('id', 'Ваш ID');
	formData.append('test', 'Значение параметра test');
	
	var blob = await (await fetch('https://адрес_для_совершения_запроса', {
		method: 'POST',
		body: formData
	})).blob();
	
	console.log('Файл успешно скачан:');
	console.dir(blob);
	
	var link = document.createElement('a');
	link.download = 'filename.xlsx';
	link.href = URL.createObjectURL(blob);
	link.click();
	
	return blob;
	
}

Вызов функции getFile() будет возвращать промис результатом которого будет файл. Обратите внимание, что в FormData у меня всего лишь пример, как указывать параметры - вы должны там добавить свои параметры и их значения.

Comments

[Artem Kirsov]

А как переделать AJAX запрос?
Сейчас так:

export function searchAJAX(post_url, data){
	return new Promise(function(resolve, reject) {
		jQuery(function($) {
			$.ajax({
				type: "POST",
				url: post_url,
				data: data,
				success: function(response){
					resolve(JSON.parse(response));
				},
				error: function (err) {
					console.log('Error search response: ', JSON.parse(response));
					reject(err);
				}
			});
		});
	});
}

[zkrvndm]

Artem Kirsov, вы какого хрена пытайтесь распарить файл .xlsx как JSON? Вы хоть понимайте, что такое JSON и зачем он нужен? Файлы лучше качать через fetch, так как jQuery.ajax из коробки их не умеет тянуть. Покажите, что вы передаете в переменной data и я подскажу вам, как скачать файл.

[Artem Kirsov]

Надим Закиров, в переменной data - объект с id юзера и параметр для формирования документа. Пытаюсь распарсить ответ потому, что там приходит результат формирования документа.

[zkrvndm]

Artem Kirsov, делайте так. Все ваши параметры засуньте в FormData и уже его отправляйте:

async function getFile() {
	
	var formData = new FormData();
	formData.append('id', 'Ваш ID');
	formData.append('test', 'Значение параметра test');
	
	var blob = await (await fetch('https://адрес_для_совершения_запроса', {
		method: 'POST',
		body: formData
	})).blob();
	
	console.log('Файл успешно скачан:');
	console.dir(blob);
	
	var link = document.createElement('a');
	link.download = 'filename.xlsx';
	link.href = URL.createObjectURL(blob);
	link.click();
	
	return blob;
	
}

Вызов функции getFile() будет возвращать промис результатом которого будет файл. Обратите внимание, что в FormData у меня всего лишь пример, как указывать параметры - вы должны там добавить свои параметры и их значения.

Answer 2

[impcyber]

Ошибка не при посылке AJAX-запроса, а при обработке ответа от сервера.
Как видно, исходя из ошибки, то ответ от сервера обрабатывается в коллбеке success jQuery, при этом парсится как JSON, что в корне неверно, ибо передаваемые данные не являются валидным JSON, т.к. передается xlsx файл.

Как получить файл методом AJAX обсуждалось тут:
Как скачать файл с помощью AJAX?