求点击按钮后,action处理时的按钮等待效果

0 0

求点击按钮后,action处理时的按钮等待效果5

求点击按钮后,action处理时的按钮等待效果
最近做项目，要实现点击按钮，让表单提交，通过post方式把表单中的大量的数据带给action，然后action查询数据库，得到相应的数据。再通过poi把这些数据写入excel文件中。然后，用装好数据的excel文件生成一个输入流，供用户下载。
由于用户在表单中所选择的内容不同，action处理的时间也会不同。要求点击按钮后把按钮的名字改成“正在处理”，等action(以“流”的方式返回)处理完，浏览器弹出“保存”excel对话框后。再把按钮的名字改成“导出excel”。
请各位帮忙，看看如何实现。谢谢了。

问题补充：

yanq12 写道

你的描述都很清楚了，实现上要用到的技术都不比较常用的Web技术，

我用浏览器XMLHttpRequest 发送ajax请求，url指向要请求的action。
但是，ajax请求成功返回的数据不是想要的流数据（我用myeclipse的TCP/IP 监控工具，发现反回的不是流。struts.xml中已设置返回方式为“流”了。）
另外，还有一个问题就是表单中有大量的checkbox要提交给后台。要“拼参数串”，太麻烦了。有没有更好的办法啊？

Web综合

2011年11月27日 12:02

sweetanan888
20
0 0 0

2个答案按时间排序按投票排序

0 0

采纳的答案

要想页面不跳转，又要修改提交按钮，那就只能用ajax啊，但是又要返回文件流，ajax又不行。。我觉得在提交的时候先用js添加一个隐藏的iframe 然后把form给复制一份到iframe，然后再提交iframe里的action，返回文件流下载

有点复杂，要不就折中的方式，不自动弹出下载，而是结束后弹出一个框显示下载连接或者下载按钮让用户自己点击这样就直接ajax就ok了。。
jquery重写表单的submit方法，用ajaxSubmit

<form id="formId" action="xx.actoin" method="post">
....
......
</form>

<script type="text/javascript"> 
$("#formId").submit(function (){
   $("#formId").ajaxSubmit( {
         beforeSubmit:  function(responseText) { 
                    //修改按钮   
                   }
         success: function(responseText) { 
                      //弹出下载按钮
                   }
   });
   return false;
});
</script>

2011年11月27日 15:55