我必须使用$.post()将数组从JS传递到PHP,使用数组创建文件并下载。
传递数组:
$('#csv').click(function () {
$.post(
window.location + "crawler/save_to_file",
{
dane: wynik //array
});
});
现在在PHP中使用这个:
$tablica=$_POST['dane'];
$filename = "export-to-csv.csv";
header("Cache-Control: must-revalidate, post-check=0, pre-check=0");
header("Content-type: text/csv");
header("Content-Disposition: attachment; filename='"$filename'"");
header("Expires: 0");
$fh = fopen( 'php://output', 'w' );
$heading = false;
if(!empty($tablica))
foreach($tablica as $row) {
if(!$heading) {
fputcsv($fh, array_keys($row));
$heading = true;
}
fputcsv($fh, array_values($row));
}
fclose($fh);
但是当点击按钮创建和下载文件时,什么也没有发生。
感谢代码更新
JS文件:
$.ajax({
url: window.location + "crawler/",
type: "POST",
dataType: "json",
data: {
wartosc: zmienna
},
success: function (odp) {
wynik = odp; //array
tab = JSON.stringify(odp);
$.post(window.location + "crawler/return_data",
{
data: tab
},
function (data) {
$('#wynik').html(data);
$('.pobierz').show();
}
)
}
})
$('.button').click(function() {
var $form = $('<form action="' + window.location + 'crawler/save_to_csv" method="post"></form>');
$.each(wynik, function() {
$('<input type="hidden" name="dane[]">').attr('value', this).appendTo($form);
});
$form.appendTo('body').submit();
});
和var_dump数组在PHP文件:
function save_to_csv()
{
$tablica=$_GET['dane'];
var_dump($tablica);
}
return: "Undefined index: dane"
编辑
$tablica必须是$_POST
而不是$_GET
这可以通过AJAX完成,但是您需要使用File api。你可以这样做:
$.post("csv.php", {
dane: wynik //array
}, function(response){
var blob = new Blob([response], { type:'text/csv' });
alert(URL.createObjectURL(blob));
});
您从警报中获得的url包含您的csv文件。
当然,如果你想直接进入文件你可以用:
替换警告window.location.href=URL.createObjectURL(blob);
如果您想使用自定义文件名,有一种方法可以通过使用a
元素来屏蔽URL.createObjectURL()
生成的url。我们可以使用新的HTML5属性download
,它允许我们屏蔽url。
下面是更新后的代码:
$.post("csv.php", {
dane: wynik //array
}, function(response){
var blob = new Blob([response], { type:'text/csv' }),
a = document.createElement('a'),
url = URL.createObjectURL(blob);
// Put the link somewhere in the body
document.body.appendChild(a);
a.innerHTML = 'download me';
a.href = url;
// Set our custom filename
a.download = 'myfilename.csv';
// Automatically click the link
a.click();
});
您是否被迫使用AJAX将该数组发送到PHP代码?如果是,则不可能。
如果没有,您可以构建一个包含数组项的隐藏输入的隐藏表单,而不是AJAX调用,并通过JavaScript提交它。
用JS构建表单的简短示例:
$('#csv').click(function() {
var $form = $('<form action="' + window.location + 'crawler/save_to_file" method="post"></form>');
$.each(wynik, function() {
$('<input type="hidden" name="dane[]">').attr('value', this).appendTo($form);
});
$form.appendTo('body').submit();
});