Как обновить только часть траницы?

Question

[parkito]

Здравствуйте. Имеется страница, которая содержит ajax. После выполнение некоторых действий (нажатии на кнопку и отправки запроса), нужно обновить не всю страницу, а только ее часть. Как это можно организовать?

<c:forEach var="tariff" items="${allTariffs}" varStatus="loop">
                                    <c:set var="t">${tempId.add(tariff.tariffId)}</c:set>
                                    <c:if test="${contract.tariff==tariff}">
                                        <h3>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios${loopOne.index}"
                                                           id="optionsRadios${loopOne.index}"
                                                        ${loop.index} value="option${loop.index}" checked disabled>
                                                    <b>${tariff.title}</b>
                                                </label>
                                            </div>
                                        </h3>
                                    </c:if>
                                    <c:if test="${contract.tariff!=tariff}">
                                        <h3>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios${loopOne.index}"
                                                           id="optionsRadios${loopOne.index}"
                                                        ${loop.index} value="option${loop.index}">
                                                    <b>${tariff.title}</b>
                                                </label>
                                            </div>
                                        </h3>
                                    </c:if>
                                </c:forEach>
                                <div class="modal-footer">
                                    <form name="test"
                                          onclick="change(${loopOne.index},${tempId},${contract.number})">
                                        <button type="submit" class="btn btn-success">Change</button>
                                    </form>
                                    <script>
                                        function change(par1, par2, par3) {
                                            var rad = document.getElementsByName('optionsRadios' + par1);
                                            for (var i = 0; i < rad.length; i++) {
                                                if (rad[i].checked) {
                                                    popBox(par2[i], par3);
                                                }
                                            }
                                            function popBox(num1, num2) {
                                                x = confirm('Are you sure? ');
                                                if (x == true) {
                                                    var xhr = new XMLHttpRequest();
                                                    xhr.open("POST", "userChangeTariff?tariffId=" + num1 + "&contractNumber=" + num2, false);
                                                    xhr.send();
                                                                                             
                                    }
                                            }
                                        }
                                    </script>

Вот эту часть кода, нужно бы проапдейтить

<div class="panel-body">

                            <h2>
                                <small>Tariff :</small>
                                    ${contract.tariff.title}
                                <br>
                                <small>Month payment :</small>
                                    ${contract.tariff.price} "RUB"
                                <small><br>Status :</small>
                                <c:if test="${contract.isBlocked() && contract.isBlockedByAdmin()}">
                                    <font color="red">Blocked by manager</font>
                                </c:if>
                                <c:if test="${contract.isBlocked() && !contract.isBlockedByAdmin()}">
                                    <font color="red">Blocked by user</font>
                                </c:if>
                                <c:if test="${!contract.isBlocked()}">
                                    <font color="green">Active</font>
                                </c:if>
                            </h2>

Comments

[Дмитрий Беляев]

укажите используемый шаблонизатор

[parkito]

Bootstrap

[nuclear_kote]

parkito: это точно не jsp?

[parkito]

nuclear_kote: Это jsp

[nuclear_kote]

parkito: ну тогда еще 1 не скромный вопрос: а почему устаревший jsp, а не jsf?

[nuclear_kote]

собственно в jsf это делается через <f:ajax, а в jsp на сколько я знаю нет такого. Но вообще обе технологии бяки и лучше уходить от них в сторону какого нибудь ангулара + рестов. И да совместно jsp с jsf юзать нельзя

[parkito]

nuclear_kote: Пока освоил только jsp. В планах переход на продвинутое. Но проблему хотелось бы решить в jsp.

[nuclear_kote]

parkito: ну с огромными костылями наверное это возможно. Но он для этого не создан. По сути придётся написать свою реализацию jsf 2.0

Answer 1

[Никита Кравченко]

Этот вариант не подойдет?
www.cyberforum.ru/javascript/thread390920.html