jQuery MiniUI

标题: Excel导出中使用了ajax无法自动跳转下载页 [打印本页]

作者: star 时间: 2014-5-13 11:46:54 标题: Excel导出中使用了ajax无法自动跳转下载页

引文导出Excel时间比较长，所以我需要添加一个加载等待页面直接用submit表单提交无法知道什么时候加载完毕，所以我使用了 ajax 但是无法自动跳到下载页面
页面代码如下

//提交表单数据
//var form = new mini.Form("#excelForm");
//$.ajax({
// url: "..\\data\\export.aspx?type=excel&searchtable=" + tableName + "&sortOrder=" + sortOrder,
// type: "post",
// data: { columns: json },
// success: function (text) {
// stoploading();
// window.location = window.location;
// }
//});
//function loading() {
// mini.mask({
// el: document.body,
// cls: 'mini-mask-loading',
// html: '加载中...'
// });
//}
//function stoploading() {
// mini.unmask(document.body);
//}

复制代码

后台代码已经接受数据也返回了。
看了一个帖子说 ajax success 直接重定向下载地址就可以到时我的下载地址是http://localhost:16292/web/data/export.aspx?type=excel&searchtable=v_purch_mas 这种方式又重新访问 export.aspx 只是重复了一次没有任何效果

作者: felt 时间: 2014-5-13 12:53:56

你现在这样不是直接到后台就跳转了。。。
你后台运行完返回一段text，success里根据这个判断是不是执行完了，完了的话才跳转

作者: star 时间: 2014-5-13 14:06:38

felt 发表于 2014-5-13 12:53
你现在这样不是直接到后台就跳转了。。。
你后台运行完返回一段text，success里根据这个判断是不是执行完了 ...

不是很明白， location 那是是有问题因为我不知道要跳转到哪里。 success那里 text 是已经拿到数据了。

作者: felt 时间: 2014-5-13 14:34:10

star 发表于 2014-5-13 14:06
不是很明白， location 那是是有问题因为我不知道要跳转到哪里。 success那里 text 是已经拿到数据了。 ...

window.location.href="url"试试

作者: star 时间: 2014-5-13 16:17:32

felt 发表于 2014-5-13 14:34
window.location.href="url"试试

还是不可以

用submit就一点问题都没有就是不能做加载等待

$("#excelForm").attr("action", "..\\data\\export.aspx?type=excel&searchtable=" + tableName + "&sortOrder=" + sortOrder);
var columns = grid.getBottomColumns();
function getColumns(columns) {
columns = columns.clone();
for (var i = columns.length - 1; i >= 0; i--) {
var column = columns[i];
if (!column.field) {
columns.removeAt(i);
} else {
var c = { header: column.header, field: column.field };
columns[i] = c;
}
}
return columns;
}
var columns = getColumns(columns);
var json = mini.encode(columns);
document.getElementById("excelData").value = json;
var excelForm = document.getElementById("excelForm");
excelForm.submit();

复制代码

作者: factory 时间: 2014-5-13 16:51:14

star 发表于 2014-5-13 16:17
还是不可以用submit就一点问题都没有就是不能做加载等待

success里面执行页面跳转，不跳转？

作者: star 时间: 2014-5-15 11:21:14

factory 发表于 2014-5-13 16:51
success里面执行页面跳转，不跳转？

success里面是可以跳转，但是具体我不知道要跳转到哪里，如果我写
"../data/export.aspx?type=excel&searchtable=" + pageData.tableName + "&sortOrder=" + pageData.orderby;
这个地址是访问export.aspx（应该是生成excel的，不是很清楚），但是这样我就不能把clumns 传进去，会出错，现在最关键的是 success如何获取 excel的具体下载地址（.xls 后缀），我直接跳转就可以了
全部代码都贴出来了

function toExcel() {
//导出excel表传递参数tableName
loading();
var tableName = pageData.tableName;
var sortOrder = pageData.orderby;
//$("#excelForm").attr("action", "..\\data\\export.aspx?type=excel&searchtable=" + tableName + "&sortOrder=" + sortOrder);
var columns = grid.getBottomColumns();
function getColumns(columns) {
columns = columns.clone();
for (var i = columns.length - 1; i >= 0; i--) {
var column = columns[i];
if (!column.field) {
columns.removeAt(i);
} else {
var c = { header: column.header, field: column.field };
columns[i] = c;
}
}
return columns;
}
var columns = getColumns(columns);
var json = mini.encode(columns);
document.getElementById("excelData").value = json;
var excelForm = document.getElementById("excelForm");
//excelForm.submit();
//提交表单数据
var form = new mini.Form("#excelForm");
$.ajax({
url: "../data/export.aspx?type=excel&searchtable=" + tableName + "&sortOrder=" + sortOrder,
type: "post",
data: { columns: json },
success: function (text) {
stoploading();
window.location.href = "../data/export.aspx?type=excel&searchtable=" + pageData.tableName + "&sortOrder=" + pageData.orderby;
}
});
function loading() {
mini.mask({
el: document.body,
cls: 'mini-mask-loading',
html: '加载中...'
});
}
function stoploading() {
mini.unmask(document.body);
}
}
function close(action) {
if (window.CloseOwnerWindow) return window.CloseOwnerWindow(action);
else window.close();
}
function refresh() {
grid.reload();
}

复制代码

作者: star 时间: 2014-5-15 11:22:06

factory 发表于 2014-5-13 16:51
success里面执行页面跳转，不跳转？

function toExcel() {
//导出excel表传递参数tableName
loading();
var tableName = pageData.tableName;
var sortOrder = pageData.orderby;
//$("#excelForm").attr("action", "..\\data\\export.aspx?type=excel&searchtable=" + tableName + "&sortOrder=" + sortOrder);
var columns = grid.getBottomColumns();
function getColumns(columns) {
columns = columns.clone();
for (var i = columns.length - 1; i >= 0; i--) {
var column = columns[i];
if (!column.field) {
columns.removeAt(i);
} else {
var c = { header: column.header, field: column.field };
columns[i] = c;
}
}
return columns;
}
var columns = getColumns(columns);
var json = mini.encode(columns);
document.getElementById("excelData").value = json;
var excelForm = document.getElementById("excelForm");
//excelForm.submit();
//提交表单数据
var form = new mini.Form("#excelForm");
$.ajax({
url: "../data/export.aspx?type=excel&searchtable=" + tableName + "&sortOrder=" + sortOrder,
type: "post",
data: { columns: json },
success: function (text) {
stoploading();
window.location.href = "../data/export.aspx?type=excel&searchtable=" + pageData.tableName + "&sortOrder=" + pageData.orderby;
}
});
function loading() {
mini.mask({
el: document.body,
cls: 'mini-mask-loading',
html: '加载中...'
});
}
function stoploading() {
mini.unmask(document.body);
}
}
function close(action) {
if (window.CloseOwnerWindow) return window.CloseOwnerWindow(action);
else window.close();
}
function refresh() {
grid.reload();
}

复制代码

作者: star 时间: 2014-5-15 11:41:31

factory 发表于 2014-5-13 16:51
success里面执行页面跳转，不跳转？

或者我问得简单一点如果在生成excel过程中做加载等待~~~

作者: factory 时间: 2014-5-15 14:20:56

star 发表于 2014-5-15 11:41
或者我问得简单一点如果在生成excel过程中做加载等待~~~

你不是单纯跳转页面？
ajax是无法做到这样的，必须用传统form提交
对于导出，其实就是下载一个文件，这样的话ajax是无法做到的

作者: jeffcn9 时间: 2014-5-16 08:43:50

我是这样做的：后台用NPOI生成excel文件，存到服务器固定地方，成功后下载到本地

作者: factory 时间: 2014-5-16 10:12:28

jeffcn9 发表于 2014-5-16 08:43
我是这样做的：后台用NPOI生成excel文件，存到服务器固定地方，成功后下载到本地 ...

下载文件,直接window.location.href 指向你这个文件的地址

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)