2012-11-27 28 views
2

嗨伙计,我需要一些帮助我创建具有POST方法多次调用|首先定期“Submi”|第二AJAX {类型:“POST”,

DIV#formsContent网页 - 这样做的形式和作用是通过RequestWorkListController.java

控制div#newReqDiv - 这些是从上面提交的结果,有一个5行的表格,静态从数据库拉一次

div#pendReqDiv - 与上面相同。

div#cmplReqDiv - 这个div很棘手,第一个提交按钮被点击它提取10行,有可点击的页码和10行显示,我使用$ .ajax(对于第二篇文章,问题的一套新的10行不取代旧的一套10行

SelLocCdReqCmplDao cmplDao = new SelLocCdReqCmplDao(jdbcTemplate); 

int pg = ServletRequestUtils.getIntParameter(request, "pg", 1); 

List<SelLocCdReqCmplModel> cmplRows = null; 
cmplRows = cmplDao.execute(pg, pageSize); 
int count = cmplRows.size()*10; 
model.addAttribute("cmplRows", cmplRows); 
model.addAttribute("pageNav", 
    pageNav.buildPageNav("#", count, pg, pageSize, pageNavTrail)); 

这里是requestWorkList.jsp - 脚本打了之后只

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#form").submit(function() { 
      $.post($(this).attr("action"), $(this) 
       .serialize(), function(html) { 
       $("#formsContent").replaceWith(html); 
       $('html, body').animate({ 
        scrollTop : $("#message").offset().top 
       }, 500); 
      }); 
      return false; 
     }); 
     $('.page_nav a').click(function(e) { 
      //alert($(this).text()); 
      //$('#cmplReqDiv').empty(); 
      $.ajax({ 
       type: 'POST', 
       url: '<%=request.getContextPath()%>/requestWorkList?pg=' 
        + $(this).text(), 
       success: function(html) { 
        var showVar = '<c:out value="${cmplRows}"/>'; 
        alert("The variable show is " + showVar); 
       }, 
      }); 

      e.preventDefault(); 
     }); 
    }); 
</script> 
+0

请改善此帖子的标题以更好地描述内容,并确保机构提出明确的,可回答的问题。 –

回答

0

好而我设法刷新数据在子表中。我只发布更改后的java脚本。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#form").submit(function() { 
      $.post($(this).attr("action"), $(this) 
       .serialize(), function(html) { 
       $("#formsContent").replaceWith(html); 
       $('html, body').animate({ 
        scrollTop : $("#message").offset().top 
       }, 500); 
      }); 
      return false; 
     }); 
     $('.page_nav a').click(function(e) { 
      $('#cmplReqDiv').empty(); 
      $.ajax({ 
       type: 'POST', 
       serialize: $("#form").serialize(), 
       url: '<%=request.getContextPath()%>/requestWorkList?pg=' 
        + $(this).text(), 
       success: function(html) { 
        //var showVar = '<c:out value="${cmplRows}"/>'; 
        //alert("The variable show is " + showVar); 
        $("#formsContent").replaceWith(html); 
       }, 
      }); 

      e.preventDefault(); 
     }); 
    }); 
</script>