我正在将 DHTMLX 网格导出到 csv,并已成功创建 .CSV 文件。我遇到的问题是它没有提示用户保存/打开文件。我使用 javascript 中的 $.post 调用将 CSV 字符串发送到 PHP,然后将该字符串写入 csv。由于某种原因,它没有为用户创建提示,但它成功写入文件并保存在服务器上。下面是相关代码:
JS:
myGrid.csvParser = myGrid.csvExtParser;
myGrid.setCSVDelimiter('|');
myGrid.csv.row = "endOfRow";
var gridCsvData = myGrid.serializeToCSV();
$.post(
"data/export.php",
{
csvdata: gridCsvData
}
);
PHP(导出.php):
$csvData = $_REQUEST['csvdata'];
$csv = explode('endOfRow',$csvData);
$myfile = "grid.csv";
$fh = fopen($myfile, 'w') or die("can't open file");
foreach($csv as $line) {
fputcsv($fh, explode('|',$line),',','"');
}
fclose($fh);
//Redirect output to a client's web browser (csv)
header("Content-type: application/csv");
header("Content-Disposition: attachment; filename=grid.csv");
header("Pragma: no-cache");
header("Expires: 0");
该代码完美地工作,因为它完全按照我想要的方式导出网格并将其保存到“grid.csv”。问题是它没有提示用户保存文件。这是我的 PHP 标头的问题还是我需要在 $.post 中添加一些内容来提示成功?谢谢你的帮助!
您无法提示用户通过 AJAX 调用下载文件。您可以做的一件事是,制作一个 iFrame,在其中放入一个表单,然后发布它。这样,它看起来就像 AJAX 调用,但系统会提示用户下载文件。
// Create iFrame
var iframe = document.createElement('iframe');
iframe.style.display = "none";
document.body.appendChild(iframe);
// Get the iframe's document
var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
// Make a form
var form = document.createElement('form');
form.action = 'data/export.php'; // Your URL
form.method = 'POST';
// Add form element, to post your value
var input = document.createElement('input');
input.type = 'hidden';
input.name = 'csvdata';
input.value = gridCsvData; // Your POST data
// Add input to form
form.appendChild(input);
// Add form to iFrame
// IE doesn't have the "body" property
(iframeDoc.body || iframeDoc).appendChild(form);
// Post the form :-)
form.submit();
附:您的 PHP 代码实际上并不将 CSV 回显到屏幕上,它只是将其保存到文件中。
标头调用后,请确保您有:
readfile($myfile);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)