提交后如何获得表格进展?

时间:2012-02-14 06:27:57

标签: javascript jquery

我想以某种方式跟踪表单提交的进度。我的脚本使用带有enctype multipart / form-data的简单表单上传文件。在触发提交函数后,我想以某种方式跟踪和处理当前上载的进度。例如,默认情况下,当我的表单为"上传"时,Chrome会在左下角显示(上传:10%)。如何为表单当前进度创建句柄?

到目前为止,我唯一能够检测提交的内容。

$("#form1").submit(function(event) {
 event.preventDefault();
 alert("submitting");
 });

1 个答案:

答案 0 :(得分:0)

以下是一般方法:

  1. 客户:启动计时器
  2. 客户:提交表单数据
  3. 客户端:在计时器处理程序中,通过AJAX发送请求并轮询提交的当前状态
  4. 客户端:重启计时器,直到提交完成。
  5. 在服务器上,您需要两个请求处理程序和一个共享内存结构。第一个请求处理程序处理请求并使用当前状态更新内存结构。

    第二个处理程序读取共享内存结构并将当前内容返回给客户端上运行的计时器回调。