简单的 ajax demo

2.最重要也是最核心的是要自己改下bootstrap-paginator.js源文件，如下：

[javascript] view plain copy 

1.     function oneferReportrePaintLine(param,type,page){

   var time = param.name;

   var fareType =type;

   var beginDate = "$!startDate";

   var typeF=fareAdapter(fareType);

   jQuery.ajaxPrefilter(function( options, originalOptions, jqXHR ) {

   var key = options.url;

   if (!pendingRequests[key]) {

   pendingRequests[key] = jqXHR;

   }else{

   //jqXHR.abort();    //放弃后触发的提交

   pendingRequests[key].abort();   // 放弃先触发的提交

   }

   });

   jQuery.ajax({

   type:‘post‘,

   url:"common/action.do?action=OneferOperationReportAction&eventSubmitDoLineQuery=true",

   dataType:‘json‘,

   data:{"beginDate": beginDate, "time" : time,"data":data,"fareType":typeF,"currentPage":page},

   cache:false,

   success:function(data){

   var htmlCount="<span class=‘label label-info‘>"+"</span>条结果";

   if (data.statu){

   var datalist = data.results;

   for(var i=0;i<datalist.length;i++){

   var html="";

2. var d = datalist[i];

   html="";

3. }

   OnChanged(data.currentPage,data.totalPage);

   $("#countDiv").html(htmlCount);

   $("#detailDiv").html(html);

   }else {

   var html="<div style=‘text-align:center;line-height: 60px;‘>"

   +"<b style=‘color: red;font-size:14px;‘>"

   +data.erroMessage

   +"</b></div>";

   bootS(data.currentPage,data.totalPage);

   $("#countDiv").html(htmlCount);

   $("#detailDiv").html(html);

   }

   },

   error:function(){

   alert("请稍侯再尝试,请勿重复提交!!!")

   }

   });

   }

$("#countDiv").html(htmlCount);和$("#detailDiv").html(html);绑定的Id参考下图