こんにちは、私は助けが必要です。
div#formsContent – これにはフォームがあり、アクションは RequestWorkListController.java によって制御されます
div#newReqDiv – これらは上記の送信の結果であり、DB から 1 回だけ静的にプルされる 5 行のテーブルがあります
div#pendReqDiv – 上記と同じ。
div#cmplReqDiv – この div はトリッキーですが、送信ボタンが最初にクリックされて 10 行がフェッチされ、クリック可能なページ番号と 10 行の表示があり、2 番目の投稿に $.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>