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>
1 ответ
Через некоторое время мне удалось обновить данные в дочерней таблице. Я публикую только измененный сценарий 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>