ajax异步请求 进度条,jQuery progressbar通过Ajax请求实现后台进度实时功能

本文主要演示Jquery progressbar的进度条功能。js通过ajax请求向后台实时获取当前的进度值。后台将进度值存储在cookie中，每次请求后，将进度条的值增2个。以此演示进度条的实时显示功能。

前台index.jsp

jsp代码如下

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

My JSP 'index.jsp' starting page

var timerId;

$(function(){

//每隔0.5秒自动调用方法，实现进度条的实时更新

timerId=window.setInterval(getForm,500);

});

function getForm(){

//使用JQuery从后台获取JSON格式的数据

$.ajax({

type:"post",//请求方式

url:"getProgressValueByJson",//发送请求地址

timeout:30000,//超时时间：30秒

dataType:"json",//设置返回数据的格式

//请求成功后的回调函数 data为json格式

success:function(data){

if(data.progre