Excel导出中使用了ajax无法自动跳转下载页

star

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

1.   //提交表单数据
   
2.     //var form = new mini.Form("#excelForm");
   
3.     //$.ajax({
   
4.     //    url: "..\\data\\export.aspx?type=excel&searchtable=" + tableName + "&sortOrder=" + sortOrder,
   
5.     //    type: "post",
   
6.     //    data: { columns: json },
   
7.     //    success: function (text) {
   
8.     //        stoploading();
   
9.     //        window.location = window.location;
   
10. 
    
11.     //    }
    
12.     //});
    
13. 
    
14.     //function loading() {
    
15.     //    mini.mask({
    
16.     //        el: document.body,
    
17.     //        cls: 'mini-mask-loading',
    
18.     //        html: '加载中...'
    
19.     //    });
    
20.     //}
    
21.     //function stoploading() {
    
22.     //    mini.unmask(document.body);
    
23.     //}

复制代码

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

felt

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

star

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

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

felt

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

window.location.href="url"试试

star

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

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

1. $("#excelForm").attr("action", "..\\data\\export.aspx?type=excel&searchtable=" + tableName + "&sortOrder=" + sortOrder);
   
2.     var columns = grid.getBottomColumns();
   
3. 
   
4.     function getColumns(columns) {
   
5.         columns = columns.clone();
   
6.         for (var i = columns.length - 1; i >= 0; i--) {
   
7.             var column = columns[i];
   
8.             if (!column.field) {
   
9.                 columns.removeAt(i);
   
10.             } else {
    
11.                 var c = { header: column.header, field: column.field };
    
12.                 columns[i] = c;
    
13.             }
    
14.         }
    
15.         return columns;
    
16.     }
    
17. 
    
18.     var columns = getColumns(columns);
    
19.     var json = mini.encode(columns);
    
20.     document.getElementById("excelData").value = json;
    
21.     var excelForm = document.getElementById("excelForm");
    
22.     excelForm.submit();

复制代码

factory

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

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

star

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 后缀），我直接跳转就可以了
全部代码都贴出来了

1. function toExcel() {
   
2.     //导出excel表传递参数tableName
   
3.     loading();
   
4.     var tableName = pageData.tableName;
   
5.     var sortOrder = pageData.orderby;
   
6.     //$("#excelForm").attr("action", "..\\data\\export.aspx?type=excel&searchtable=" + tableName + "&sortOrder=" + sortOrder);
   
7.     var columns = grid.getBottomColumns();
   
8. 
   
9.     function getColumns(columns) {
   
10.         columns = columns.clone();
    
11.         for (var i = columns.length - 1; i >= 0; i--) {
    
12.             var column = columns[i];
    
13.             if (!column.field) {
    
14.                 columns.removeAt(i);
    
15.             } else {
    
16.                 var c = { header: column.header, field: column.field };
    
17.                 columns[i] = c;
    
18.             }
    
19.         }
    
20.         return columns;
    
21.     }
    
22. 
    
23.     var columns = getColumns(columns);
    
24.     var json = mini.encode(columns);
    
25.     document.getElementById("excelData").value = json;
    
26.     var excelForm = document.getElementById("excelForm");
    
27.     //excelForm.submit();
    
28.     //提交表单数据
    
29.     var form = new mini.Form("#excelForm");
    
30.     $.ajax({
    
31.         url: "../data/export.aspx?type=excel&searchtable=" + tableName + "&sortOrder=" + sortOrder,
    
32.         type: "post",
    
33.         data: { columns: json },
    
34.         success: function (text) {
    
35.             stoploading();
    
36.             window.location.href = "../data/export.aspx?type=excel&searchtable=" + pageData.tableName + "&sortOrder=" + pageData.orderby;
    
37. 
    
38.         }
    
39.     });
    
40. 
    
41.     function loading() {
    
42.         mini.mask({
    
43.             el: document.body,
    
44.             cls: 'mini-mask-loading',
    
45.             html: '加载中...'
    
46.         });
    
47.     }
    
48.     function stoploading() {
    
49.         mini.unmask(document.body);
    
50.     }
    
51. }
    
52. 
    
53. 
    
54. function close(action) {
    
55.     if (window.CloseOwnerWindow) return window.CloseOwnerWindow(action);
    
56.     else window.close();
    
57. }
    
58. 
    
59. function refresh() {
    
60.     grid.reload();
    
61. }

复制代码

star

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 后缀），我直接跳转就可以了
全部代码都贴出来了

1. function toExcel() {
   
2.     //导出excel表传递参数tableName
   
3.     loading();
   
4.     var tableName = pageData.tableName;
   
5.     var sortOrder = pageData.orderby;
   
6.     //$("#excelForm").attr("action", "..\\data\\export.aspx?type=excel&searchtable=" + tableName + "&sortOrder=" + sortOrder);
   
7.     var columns = grid.getBottomColumns();
   
8. 
   
9.     function getColumns(columns) {
   
10.         columns = columns.clone();
    
11.         for (var i = columns.length - 1; i >= 0; i--) {
    
12.             var column = columns[i];
    
13.             if (!column.field) {
    
14.                 columns.removeAt(i);
    
15.             } else {
    
16.                 var c = { header: column.header, field: column.field };
    
17.                 columns[i] = c;
    
18.             }
    
19.         }
    
20.         return columns;
    
21.     }
    
22. 
    
23.     var columns = getColumns(columns);
    
24.     var json = mini.encode(columns);
    
25.     document.getElementById("excelData").value = json;
    
26.     var excelForm = document.getElementById("excelForm");
    
27.     //excelForm.submit();
    
28.     //提交表单数据
    
29.     var form = new mini.Form("#excelForm");
    
30.     $.ajax({
    
31.         url: "../data/export.aspx?type=excel&searchtable=" + tableName + "&sortOrder=" + sortOrder,
    
32.         type: "post",
    
33.         data: { columns: json },
    
34.         success: function (text) {
    
35.             stoploading();
    
36.             window.location.href = "../data/export.aspx?type=excel&searchtable=" + pageData.tableName + "&sortOrder=" + pageData.orderby;
    
37. 
    
38.         }
    
39.     });
    
40. 
    
41.     function loading() {
    
42.         mini.mask({
    
43.             el: document.body,
    
44.             cls: 'mini-mask-loading',
    
45.             html: '加载中...'
    
46.         });
    
47.     }
    
48.     function stoploading() {
    
49.         mini.unmask(document.body);
    
50.     }
    
51. }
    
52. 
    
53. 
    
54. function close(action) {
    
55.     if (window.CloseOwnerWindow) return window.CloseOwnerWindow(action);
    
56.     else window.close();
    
57. }
    
58. 
    
59. function refresh() {
    
60.     grid.reload();
    
61. }

复制代码

star

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

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

factory

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

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