網頁上實現匯出excel表格時,怎樣在後臺生成excel後,讓表格在瀏覽器中自動下載(larval框架)
阿新 • • 發佈:2019-02-07
Html程式碼片段:
<form method="post" id="export_form" action="action" style="float: left">
<input id="export_info" type="hidden" name="_searchInfo" >
<button type="submit" id="export_btn"
class="btn btn-file btn-sm"><i class="fa fa-file-excel-o"></i> 匯出excel表格
</button>
Js程式碼片段:
$(document).ready(function () {
//匯出excel
$('#export_user_form').on('submit', function () {
//用隱藏的表單提交搜尋的陣列值
var data = JSON.stringify(getSearchInfo());
$('#export_info').val(data);
});
<form method="post" id="export_form" action="action" style="float: left">
<input id="export_info" type="hidden" name="_searchInfo" >
<button type="submit" id="export_btn"
class="btn btn-file btn-sm"><i class="fa fa-file-excel-o"></i> 匯出excel表格
</button>
</form>
$(document).ready(function () {
//匯出excel
$('#export_user_form').on('submit', function () {
//用隱藏的表單提交搜尋的陣列值
var data = JSON.stringify(getSearchInfo());
$('#export_info').val(data);
});
});
//獲取搜尋框的值
function getSearchInfo(){
var _searchInfo = {
'state'://.......
};
return _searchInfo;
}