javascript - JavaScriptまたはjQueryでフォームを動的に追加する方法は?

Question

私のアプリケーションには、demo1.jsp、demo2.jsp という JSP があります。

ユーザーが [追加] ボタン (これは demo1.jsp にあります) をクリックすると、demo2.jsp が適切な位置に表示されます。

フォームが同じ JSP/HTML 内にある場合は問題ありません。jQuery を使用して作成できるフォーム ID を使用します。

しかし、ここでは 2 つの JSP を処理しています。

demo1.jsp

<div class="accordion">
    <div class="question" id="que3">
         <span class="heading">Form Details</span> 
         <span class="button2 white" >Add</span>
     </div>
    <div class="answer">
        <jsp:include page="demo2.jsp">
            <jsp:param value="counter_crt" name="counter_crt" />
        </jsp:include>                          
    </div>
</div>

demo2.jsp を動的に作成する jQuery 関数をどのように作成すればよいでしょうか?

Answer 1

AJAX を使用します。

$("#addbutton").on("click", function(){
    $.ajax({
        url: "demo2.jsp",
        success: function(response) {
            $("#answer").html(response);
        }
    });
});